Form validation: Increasing text size

[sarasuri]

On the form validation demo page, when you change the text size in Firefox v38 using Firefox Zoom Text Only (at 200%) some letters in the input box are cut off. Also, the submit and reset buttons labels are cut off at the bottom.

For example,

[pjackson28]

It seems to come from the following CSS from Bootstrap:

input[type="reset"], input[type="button"], input[type="submit"] {
    height: 37px;
}

It isn't an issue with the regular zoom but the height doesn't scale with text-only zoom.

@thomasgohard Thoughts on this?

[hsrudnicki]

Can this issue be closed or otherwise (pls update this issue status) ?

[pjackson28]

@thomasgohard Should this be changed to em or some other relative unit in the Bootstrap overrides or is this something that should be dealt with upstream? Ideally it would be fixed upstream so other implementers of Bootstrap don't have the same issue when just the text is zoomed (if it is feasible to fix upstream).

[hsrudnicki]

@thomasgohard and others, please update this issue's status

[sarasuri]

Is there any update on this, please? Thanks.

[shawnthompson]

This is still a problem, I'm going to reopen the issue

[ghost]

There a another ZOOM discussion here #7884. A issue I can easily see with this is trying to find a way to determine the type of zoom someone is using. I don't believe the web browsers are sending any sort of information to the page that would inform us using only CSS that just fonts where zoomed.