Embedded images are wrongly aligned with text

[cognition9144]

Embedded images are left-aligned with text, which allows the reader view horizontally scrollable. However, from the width of images it seems that images should fully occupy screen width.

Example: https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_boxes/Box_model_recap

[gijsk]

Can you post a screenshot of what you're seeing, and check against a clean Firefox profile (perhaps there are additional steps necessary)? I don't see anything wrong with the link you provided when opened in reader mode - the images are as wide as the text. Perhaps you've customized the default text width or something else that might influence this bug?

[cognition9144]

Sorry for the ambiguity. The problem happens in Firefox for Android, where the screen width is small.

[cognition9144]

The images are out of boundary of the screen

And scrolling to the right is allowed, which seems that the image width is aligned with the screen width:

[gijsk]

Ah, OK! Thanks for clarifying. This is an issue with reader mode on android, so I filed https://bugzilla.mozilla.org/show_bug.cgi?id=1534942 and will close this one. The code in this github repository is only responsible for extracting the content from the original page; all the subsequent transformation and styling lives in Firefox for Desktop and Firefox for Android's own codebases, so will need fixing there.