mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-05-05 22:52:22 +02:00
Input elements with a placeholder were positioned lower than inputs without a placeholder or inputs with text. This was caused by the placeholder element missing height height and overflow properties that the inner text element had. This fix makes sure both the placeholder and inner text elements let show the same position of the input field.
18 lines
362 B
HTML
18 lines
362 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
input {
|
|
font-size: 16px;
|
|
padding: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Input Field Placeholder Position Test</h1>
|
|
<input type="text" placeholder="Empty field">
|
|
<input type="text" value="Filled field">
|
|
<input type="text" placeholder="Type here">
|
|
</body>
|
|
</html>
|