Recompiled version of bootstrap adds property which breaks placeholder text

[andrewryno]

Downloaded bootstrap and had to recompile it to use the grid system we are using for the site. Only changed variables.less. Once I recompiled, placeholder text on all inputs no longer works. Did some testing and found it was due to the "-webkit-transform-style: preserve-3d;" property on inputs and selects. Looked in the forms.less and the pre-compiled bootstrap.css files and didn't see the rule.

Honestly, I'm not sure if this is a problem with the compilers I'm using (Less.app and SimpLESS.app on Mac OS X) but considering they should be using the same compiler, not sure why this property is appearing in my compiled versions but not the pre-compiled version (http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css). Any ideas? Removing that line fixes placeholder text but I'd rather not have to touch the file beyond editing variables.less.

[mdo]

Have a jsfiddle to share to document this?

I know we added it in 1.4, but we won't likely take care of this until 2.0 (which is well under way). This particular change isn't in the 2.0-wip branch yet, but we'll address it once we merge all of 1.4 in.

[jozefizso]

I have issue with the Bootstraip 1.4.0 downloded as ZIP (twitter-bootstrap-v1.4.0-0-gf92759b.zip). The bootstrap.css and bootstrap.min.css both contains the "-webkit-transform-style: preserve-3d;" which causes problems with inputs in Chrome.
These properties are not in this 1.4.0 version: http://twitter.github.com/bootstrap/1.4.0/bootstrap.css

[kevinrenskers]

I've also found an issue with this added property: close buttons on alerts are no longer visible.

Doesn't seem to be Less.app, as the node.js version has the same problem.

[andrewryno]

http://jsfiddle.net/28KWN/

Has my recompiled version of bootstrap (grid changed, maybe link colors too, but that's it) and some basic HTML. It doesn't work in Chrome. Remove -webkit-transform-style: preserve-3d; from "input, textarea" and it works. Looks like that is also applied to ".topbar input".

[blanchardjeremy]

I'm also having the problem with placeholder attributes not being displayed in Chrome.

Just so I understand what's actually going on here: what happens if I set -webkit-transform-style: flat;? What am I breaking or losing out on?

[mdo]

I believe this isn't part of 2.0-wip, so closing this out.

[blanchardjeremy]

@markdotto, can you explain more? Is this something that won't be fixed? Or is this a duplicate issue? I'm confused by your comment.

Thanks!

[jonaphin]

Let's reopen this issue. It's very real.

[clacote]

I faced the same issue with version 1.4. I manually applied this commit (not yet released) which fixed it : a560eb6#lib/mixins.less