padding-left doubled on element with ::first-line selector following a rtl character

UNCONFIRMED
Unassigned

Status

()

Core
Layout: Block and Inline
UNCONFIRMED
3 years ago
a year ago

People

(Reporter: jonathan tucker, Unassigned, NeedInfo)

Tracking

38 Branch
Unspecified
Mac OS X
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment, 1 obsolete attachment)

(Reporter)

Description

3 years ago
Created attachment 8626322 [details]
padding issue.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_3) AppleWebKit/600.6.3 (KHTML, like Gecko) Version/8.0.6 Safari/600.6.3

Steps to reproduce:

create a character entity of a rtl character (such as an arabic character) followed by an inline-block or block element with non-zero padding-left and a ::first-line selector (even with no defined css properties)


Actual results:

the element appears to have double the amount of padding-left, which can cause its content to overflow the right


Expected results:

the apparent padding-left should match the padding-left defined in the css, and the element's content should not overflow
(Reporter)

Comment 1

3 years ago
this seemed to start about 2 or 3 versions ago
(Reporter)

Updated

3 years ago
OS: Unspecified → Mac OS X
(Reporter)

Comment 2

3 years ago
Comment on attachment 8626322 [details]
padding issue.html

><!doctype html>
><html lang="en" dir="ltr">
>	<head>
>		<meta charset="utf-8">
>		<title>padding issue</title>
>		<style>
>			p {
>				border: 1px solid black;
>				display: inline-block;
>				padding-left: 10px;
>			}
>			p::first-line {
>				
>			}
>		</style>
>	</head>
>	<body>
>
>		&#1575;
>		<p>overflowing text</p>
>
>	</body>
></html>

Comment 3

a year ago
I can see no difference when replacing &#1575; with English character.
Flags: needinfo?(github)
(Reporter)

Comment 4

a year ago
Using the markup from the previous comment? The markup in the attachment does not reveal the problem, because it uses display: inline; instead of display: inline-block;. I'm not sure how to update the code in the attachment.

Comment 5

a year ago
(In reply to jonathan tucker from comment #4)
> Using the markup from the previous comment? The markup in the attachment
> does not reveal the problem, because it uses display: inline; instead of
> display: inline-block;. I'm not sure how to update the code in the
> attachment.

It is not possible to edit attachments. You should upload new attachment and mark the previous attachment as an obsolete.
(Reporter)

Updated

a year ago
Attachment #8626322 - Attachment is obsolete: true
(Reporter)

Comment 6

a year ago
Created attachment 8829498 [details]
example of minimum markup necessary to recreate the issue
You need to log in before you can comment on or make changes to this bug.