Open Bug 1409989 Opened 7 years ago Updated 2 years ago

input[type='number'] 's placeholder got clipped

Categories

(Core :: Layout: Form Controls, defect, P3)

56 Branch
defect

Tracking

()

People

(Reporter: willystar, Unassigned)

References

Details

Attachments

(1 file)

Attached image placeholder got clipped
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce:

Please visit this pen for demo https://codepen.io/anon/pen/aLXyOy


Actual results:

input[type='number'] 's placeholder got clipped when there is padding and placeholder is too long 


Expected results:

placeholder should not be clipped
Component: Untriaged → Layout: Form Controls
Product: Firefox → Core
Priority: -- → P3
There is another example in this Numeric Vue Component under the "Name, Placeholder" example: https://jayeshlab.github.io/vue-numeric-input/

I did raise a ticket over there, linking to this bug: https://github.com/JayeshLab/vue-numeric-input/issues/2
Status: UNCONFIRMED → NEW
Ever confirmed: true
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: