Open
Bug 1262910
Opened 9 years ago
Updated 3 years ago
Pseudo-element ::before and ::after width is wrong when parent element is justified text
Categories
(Core :: Layout: Positioned, defect, P3)
Tracking
()
NEW
People
(Reporter: mail, Unassigned)
References
Details
Attachments
(2 files)
Screenshot of the bug
User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:45.0) Gecko/20100101 Firefox/45.0
Build ID: 20160304114936
Steps to reproduce:
Wrote some HTML.
Actual results:
When an element containing text is stretched because of 'text-align: justify', its pseudo-elements ::before and ::after take on the width the element would have had without justification when the width is set to 100%.
Attached reproduction case illustrates this problem.
Expected results:
The pseudo-elements width should match that of their parent when set to 100%.
|
Reporter | |
Comment 1•9 years ago
|
||
Screenshot of the bug, should match what you see in reproduction case.
|
|
Reporter | |
Updated•9 years ago
|
Summary: Pseudo-element width is wrong when parent element is justified text → Pseudo-element ::before and ::after width is wrong when parent element is justified text
|
||
Updated•9 years ago
|
Component: Untriaged → Layout: Text
Product: Firefox → Core
|
||
Comment 2•7 years ago
|
||
Still an issue in firefox 60.0.2, doesn't happen in other browsers.
|
||
Comment 3•7 years ago
|
||
Huh, why do other browsers not honor the pseudo background / borders?
Status: UNCONFIRMED → NEW
Ever confirmed: true
Flags: needinfo?(emilio)
|
|
||
Comment 4•3 years ago
|
||
So other browsers get it right only when they're not breaking. This is possibly due to how we reflow abspos of inlines (bug 255139).
|
|
||
Updated•3 years ago
|
Component: Layout: Text and Fonts → Layout: Positioned
You need to log in
before you can comment on or make changes to this bug.
Description
•