You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In VLT 6.0.0.a15 in regular Volto text blocks with listing ul-list items style the initial line has a different linespacing. Together with missing margin-bottom this looks misleading ugly on Safari both on Desktop and mobile.
The line height of the list item marker exceeds the regular line-height of 24px and forces a greater line spacing after the first line.
li::marker {
line-height:32px;
}
The issue is created by different interpretation of this snippet in Webkit. It does not show off in Chrome:
The text was updated successfully, but these errors were encountered:
acsr
changed the title
Styling for ul has fixed line-height for li::marker leading to ugly look of line spacing of first line and multiline li items on Webkit Safari
on webkit Safari, fixed line-height for li::marker leads to ugly first line spacing in multiline items
Mar 26, 2025
In VLT 6.0.0.a15 in regular Volto text blocks with listing ul-list items style the initial line has a different linespacing. Together with missing margin-bottom this looks misleading ugly on Safari both on Desktop and mobile.
The line height of the list item marker exceeds the regular line-height of 24px and forces a greater line spacing after the first line.
The issue is created by different interpretation of this snippet in Webkit. It does not show off in Chrome:
There are other ul list examples lacking this effect on the https://2025.ploneconf.org/tickets page
Environment
VLT 6.0.0.a15 (guessed on theploneconf.org site )
macOS 15.3.2 and Safari 18.3.1
iOS 18.1.1
Example Screenshots Safari Desktop
https://tagung.plone.de/2025/sponsoring
https://2025.ploneconf.org/call-for-papers
Same on mobile:
The text was updated successfully, but these errors were encountered: