Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Misplaced placeholders in absolute positioned containers #55

Open
henneboele opened this issue Oct 7, 2013 · 1 comment
Open

Misplaced placeholders in absolute positioned containers #55

henneboele opened this issue Oct 7, 2013 · 1 comment

Comments

@henneboele
Copy link

I have a case where the placeholders are misplaced inside a absolute positioned container. I already added position relative to to div containers wrapping the label and input fields, but no luck. Once the same form is not positioned absolute, all renders fine. See the image attached for a visual impression.

I am using the latest plugin version running on Windows 7 and using IE9.

placeholder_position

@henneboele
Copy link
Author

After quite some more debugging it turned out that this issue is related to the display property set to none to hide the absolute positioned container.
The placeholder plugin calculates the offset of the input which is always 0 if the element or any of its parents is set to display: none.

Anyone facing this issue should consider changing the css property to visibility: hidden instead.

Authors or contributors may think about a solution bundled with the plugin.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant