mirror of
https://github.com/servo/servo.git
synced 2025-06-06 08:35:43 +00:00
5580704438
Implement Shadow Tree construction for input `type=text`, adding a text control inner editor container and placeholder container. Subsequently, due to the changes of the DOM tree structure, the changes will add a new NodeFlag `IS_TEXT_CONTROL_INNER_EDITOR` to handle the following cases. - If a mouse click button event hits a text control inner editor, it will redirect the focus target to its shadow host. - In text run's construction, the text control inner editor container queries the selection from its shadow host. This is later used to resolve caret and selection painting in the display list. This will be the first step of fixing input `type=text` and other single-line text input element widgets. Such as, implementing `::placeholder` selector. Testing: Existing WPT test and new Servo specific appearance WPT. Fixes: #36307 --------- Signed-off-by: stevennovaryo <steven.novaryo@gmail.com>
14 lines
590 B
HTML
Vendored
14 lines
590 B
HTML
Vendored
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Appearance of an Overflowing Input type=text With a Definite Width</title>
|
|
<link rel="match" href="input-text-overflow-ref.html">
|
|
<link rel="help" href="https://github.com/servo/servo/pull/37065">
|
|
</head>
|
|
<body>
|
|
Display of an input type=text should match the display generated by the CSS reference.
|
|
<div>
|
|
<input type="text" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." style="font-size: 1em !important; width: 100px;"></input>
|
|
</div>
|
|
</body>
|
|
</html>
|