Skip to content

OL & UL not working when RTL #352

@yousifAlneamy

Description

@yousifAlneamy

I was using an older version of this library (^0.11.0) and it was working fine but when upgrading to 1.0.0 the dots & numbers (<li>) started to overlap with the text

How to reproduce

The same example in the documentation with TextDirection.rtl

 Directionality(
                    textDirection: TextDirection.rtl,
                    child: Html(
                      data: htmlData,
                      style: {
                        "html": Style(
                          backgroundColor: Colors.black12,
//              color: Colors.white,
                        ),
//            "h1": Style(
//              textAlign: TextAlign.center,
//            ),
                        "table": Style(
                          backgroundColor:
                              Color.fromARGB(0x50, 0xee, 0xee, 0xee),
                        ),
                        "tr": Style(
                          border:
                              Border(bottom: BorderSide(color: Colors.grey)),
                        ),
                        "th": Style(
                          padding: EdgeInsets.all(6),
                          backgroundColor: Colors.grey,
                        ),
                        "td": Style(
                          padding: EdgeInsets.all(6),
                        ),
                        "var": Style(fontFamily: 'serif'),
                      },
                    ),
                  ),

Screen Shot 2020-07-12 at 2 45 47 PM

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions