Closed Bug 1725826 Opened 4 years ago Closed 4 years ago

Right padding in input field cloaks typing overlong text

Categories

(Core :: Layout: Form Controls, defect)

Firefox 91
defect

Tracking

()

RESOLVED DUPLICATE of bug 1715291

People

(Reporter: moe, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; rv:91.0) Gecko/20100101 Firefox/91.0

Steps to reproduce:

I described the problem here: https://stackoverflow.com/questions/68787232/input-text-right-padding-unexpected-behaviour-in-firefox-with-overlong-text

If there is an input text field with right padding such as
<input type="text" style="width: 10vw; font-size: 3vw; padding-right: 100px;">

And I write overflong text, all browsers that I've tested besides FF start shifting the text to the left as soon as the padding is contacted.

In Firefox some letters are typed cloaked inside the padding until the shifting starts.

Actual results:

Some letters cannot be seen while typing text longer the input field.
The cursor cannot be moved to the end of the text.

Expected results:

Same as the other Browsers do. As soon as the padding is met, start shifting text. Always have the option to click cursor to the end of typed text.

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Form Controls' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Component: Untriaged → Layout: Form Controls
Product: Firefox → Core

Thanks for the report. This is bug 1715291, and I have a patch there to fix it.

Status: UNCONFIRMED → RESOLVED
Closed: 4 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.