HTML5-placeholder-polyfill
HTML5-placeholder-polyfill copied to clipboard
Placeholder positioning sensitive to CSS layout
The way the generated placeholders are positioned can be corrupted if you have hidden elements in the DOM above the location of the INPUT. For example, I had a long form with some sections of the form displayed using expand/collapse behaviour. All generated placeholders below these sections were positioned incorrectly, outside their INPUT elements.
The best way I have found to fix these issues is to apply position: relative to some container elements within the form.
Do you have a testcase for this issue anywhere?
This may or may not be related, I also have some positioning issues with the polyfill in IE when font-size does not fit perfectly to line-height the vertical position does not appear to take into account the difference. eg. line-height:18px; font-size:16px;
The position of the placeholder overshoots the center by 2px