Bug 174708 - br causing undesired spacing
Summary: br causing undesired spacing
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 10
Hardware: Mac macOS 10.12.4
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2017-07-21 02:05 PDT by jbach
Modified: 2017-08-07 00:29 PDT (History)
4 users (show)

See Also:

Attachments
safari (5.02 KB, image/png)
2017-07-21 02:05 PDT, jbach 		no flags Details
firefox (5.05 KB, image/png)
2017-07-21 02:05 PDT, jbach 		no flags Details
Test reduction (283 bytes, text/html)
2017-07-21 08:45 PDT, zalan 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description jbach 2017-07-21 02:05:15 PDT 
Created attachment 316077 [details]
safari

Hi,

I encountered a weird layout issue, where "br" tag is doing more than adding a new line, it add also some spacing.

See example:
https://jsfiddle.net/feez4cht/3/

This behavior is different from Firefox for example.
Comment 1 jbach 2017-07-21 02:05:55 PDT 
Created attachment 316078 [details]
firefox
Comment 2 zalan 2017-07-21 08:45:46 PDT 
Created attachment 316089 [details]
Test reduction

The soft linebreak right before the <br> element causes the gap (when the linebreak is removed, the gap is gone)
Comment 3 jbach 2017-08-07 00:29:25 PDT 
That's what I explained. I reported this issue because its a unexpected behavior.