Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Ladybird: HTML: Distance between numbers and text in ol element is too big #24222

Open
kuchikuu opened this issue May 5, 2024 · 0 comments
Open

Ladybird: HTML: Distance between numbers and text in ol element is too big #24222

kuchikuu opened this issue May 5, 2024 · 0 comments

Comments

@kuchikuu
Copy link
Contributor

kuchikuu commented May 5, 2024

Ladybird compiled at commit:
commit aede0100960b6b9cacd0e5a0bd0887bd34651e29 (HEAD -> master, origin/master, origin/HEAD)

Description: using <ol> element to list items, the number indicating the order is too far away from the entry's text compared to other browser (Firefox)

image

At first, I thought it's some miscalculation in padding code, but by looking at it for a longer period of time, I noticed that the gap is different in Ladybird and Firefox.

Live demo:
https://dajkan.com/vipupgrade
image
(PS: It's funny we render the text below the list as green, while Firefox doesn't. Even though the HTML in the source specifies green color of the element. It's just a "by the way" "something interesting" I noticed. Not related to this issue.)

Small code to see the effect (Taken from the webpage linked above):


<html>
<head>
	<style>
	* {
			margin: 0px;
			padding: 0px;
		}
	body{
			padding: 20px;
		}
	</style>
</head>
<body>
						Normal text<br>
						<h2>Some random header</h2>
						<ol>
						<li>text</li>
						<li>text</li>
						<li>text</li>
						<li>text</li>
						<li>text</li>
						<li>text</li>
						</ol>
</body>
</html>

The same happens with <ul> element, but in this case our dot is different and bigger.
(Just an example)
image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@kuchikuu