Closed Bug 1775045 Opened 2 years ago Closed 2 years ago

CSS Outline overlapping lines

Categories

(Core :: CSS Parsing and Computation, defect)

Firefox 101
defect

Tracking

()

RESOLVED DUPLICATE of bug 266122

People

(Reporter: firefox, Unassigned)

Details

Attachments

(1 file)

Attached image Firefox-bug-CSS-Outline-property.jpg (deleted) —

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:101.0) Gecko/20100101 Firefox/101.0

Steps to reproduce:

Used CSS "Outline" property to highlight text. The highlighted text is spread over two lines.

HTML & CSS code to reproduce the issue:

<style>
div { width: 300px;}
span { outline: 2px solid orange;}
</style>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <span>Potenti nullam ac tortor vitae purus. Malesuada fames ac turpis egestas. Mauris a diam maecenas sed enim ut.</span> Dictum sit amet justo donec enim. A scelerisque purus semper eget duis at tellus at urna. Orci a scelerisque purus semper eget duis at. Cras tincidunt lobortis feugiat vivamus at augue eget arcu. Eget mi proin sed libero enim sed faucibus. Faucibus scelerisque eleifend donec pretium vulputate sapien nec. Ultrices dui sapien eget mi proin sed libero enim. Interdum velit euismod in pellentesque. Erat nam at lectus urna duis convallis convallis tellus id.</p>
</div>

Actual results:

The styling of the "Outline" is not consistent with other browsers (Chrome, Edge).

In FireFox, there is more than one box (closing each box at the end of the line) with overlapping borders.

In Chrome/Edge, there is one box with no overlapping borders.

Expected results:

Expected similar styling behaviour as per Chrome/Edge.

See: https://imgur.com/a/RlHrENV

The Bugbug bot thinks this bug should belong to the 'Core::CSS Parsing and Computation' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core
Status: UNCONFIRMED → RESOLVED
Closed: 2 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: