Placeholder for IE7 #2417

Closed
ChrisChiera opened this Issue Mar 6, 2012 · 8 comments

Comments

Projects
None yet
6 participants
@ChrisChiera

According to this page: https://github.com/twitter/bootstrap/wiki/Browser-Compatibility IE 7 is supported.

However, on this page: http://twitter.github.com/bootstrap/base-css.html#forms for inline forms the placeholder text for the two inputs, "Email" and "Password" do not show in IE7.

This is of course because IE7 does not natively support HTML5 Placeholder text. However, accordingly it shouldn't be used here since Bootstrap says it supports IE7. In some cases effects such as Gradients and rounded corners are used which of course are not supported in IE7, however those are only enhancements and progressively degrade in IE7. Thus still allowing support for IE7.

However, in this particular case where there are no labels for the inputs other than the inside the text, a user would have no idea what to enter into those boxes in IE7.

At the very least, a "Heads Up" noting this inline method is not supported in IE7 should be added. But preferably javascript added to add support for placeholder, see an example method here: eddiemachado/bones#47.

Thoughts?

@mdo

This comment has been minimized.

Show comment Hide comment
@mdo

mdo Mar 6, 2012

Owner

We won't add any javascript file for this, and generally HTML5 features like placeholder are still progressive enhancements. We don't guarantee 100% support, and generally folks are aware of IE7's limitations. We'll add something to the docs if this pops up again.

Owner

mdo commented Mar 6, 2012

We won't add any javascript file for this, and generally HTML5 features like placeholder are still progressive enhancements. We don't guarantee 100% support, and generally folks are aware of IE7's limitations. We'll add something to the docs if this pops up again.

@mdo mdo closed this Mar 6, 2012

@ChrisChiera

This comment has been minimized.

Show comment Hide comment
@ChrisChiera

ChrisChiera Mar 6, 2012

Can understand now adding js support as rule. However, definitely would recommend a note, since though when used in conjunction with a label a placeholder is certainly a progressive enhancement, in the particular example mentioned the placeholder is not an enhancement but a necessity for filling out the inline form.

Other than adding a note, adding a label to both fields which also make the forms useable in IE7.

Can understand now adding js support as rule. However, definitely would recommend a note, since though when used in conjunction with a label a placeholder is certainly a progressive enhancement, in the particular example mentioned the placeholder is not an enhancement but a necessity for filling out the inline form.

Other than adding a note, adding a label to both fields which also make the forms useable in IE7.

@joshuapinter

This comment has been minimized.

Show comment Hide comment
@joshuapinter

joshuapinter Mar 28, 2012

If the failover does not produce a usable solution, then at the very least a note should be provided.

In this case, a form input without a label is produced and that is not usable.

Thanks Mark!

If the failover does not produce a usable solution, then at the very least a note should be provided.

In this case, a form input without a label is produced and that is not usable.

Thanks Mark!

@joshuapinter

This comment has been minimized.

Show comment Hide comment
@joshuapinter

joshuapinter Mar 28, 2012

I updated the docs for this and created a pull request: twitter#2842

I updated the docs for this and created a pull request: twitter#2842

@lyndsysimon

This comment has been minimized.

Show comment Hide comment
@lyndsysimon

lyndsysimon Apr 19, 2012

I agree a note should be included.

I agree a note should be included.

@SimonEast

This comment has been minimized.

Show comment Hide comment
@SimonEast

SimonEast Sep 17, 2012

Any progress on this? The example on http://twitter.github.com/bootstrap/base-css.html#forms is currently not usable in IE 9 or below, with no warning to developers.

Any progress on this? The example on http://twitter.github.com/bootstrap/base-css.html#forms is currently not usable in IE 9 or below, with no warning to developers.

@thezoggy

This comment has been minimized.

Show comment Hide comment
@thezoggy

thezoggy Sep 17, 2012

load shim/shiv to support html5 in a browser that lacks the proper support. (you can use modernizer for example)

load shim/shiv to support html5 in a browser that lacks the proper support. (you can use modernizer for example)

@thezoggy

This comment has been minimized.

Show comment Hide comment
@thezoggy

thezoggy Sep 17, 2012

also: Google announced last summer that support for out of date browsers would cease as newer versions were introduced. The time has come for Internet Explorer 8 to wave a fond farewell with the rollout of Internet Explorer 10 next month. This is also another nail in the XP coffin as support begins to get thinner by the month.

also: Google announced last summer that support for out of date browsers would cease as newer versions were introduced. The time has come for Internet Explorer 8 to wave a fond farewell with the rollout of Internet Explorer 10 next month. This is also another nail in the XP coffin as support begins to get thinner by the month.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment