Skip to content

Issue with CSS 100% width in images #1277

Open
@Sub6Resources

Description

@Sub6Resources

@Sub6Resources

I also encountered a similar issue. It seems that there is an issue with rendering images when the width or height CSS properties are applied to the image tags. A is displayed correctly, but B does not appear at all.

I tested using Flutter 3.10.1 and flutter_html: ^3.0.0-beta.1, and I conducted the testing on the web platform.

A (it works)

Html(
                  data: """
          <html>
               <p>Render this item</p>
               <img src="https://storage.googleapis.com/cms-storage-bucket/90e34daecca082eb9b28.png" title="test">
         </html>
                    """,)

B (it doesn't work)

 Html(
                data: """
          <html>
               <p>Render this item</p>
               <img src="https://storage.googleapis.com/cms-storage-bucket/90e34daecca082eb9b28.png" title="test" style="width:100%;">
         </html>
                    """,)

Originally posted by @ckdgus08 in #1212 (comment)

Metadata

Metadata

Assignees

No one assigned

    Labels

    <img>Issues with the <img> tagbugSomething isn't workingcssEnhancements/issues with css properties

    Projects

    Status

    Todo

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions