Box-sizing #216

Open
yukulele opened this Issue May 16, 2012 · 6 comments

5 participants

@yukulele

My suggest : Add box-sizing support to PIE (for IE 6-7)

their is a .htc polyfill (https://github.com/Schepp/box-sizing-polyfill) and you can use it with PIE :

behavior: url('boxsizing.htc'), url('PIE.htc'); /*seam to works*/

but in some case they are conflictual (element is always resized on windows resize)
i think it was better to have this feature included in PIE.

@ttfkam

Along these lines, something I've run into is that PIE always assumes that box-sizing is never set. Therefore, if you do set "box-sizing: border-box;" to your document so that widths are consistent among all browsers, elements end up larger in IE than in newer browsers.

@kristianmandrup

Perhaps you could integrate the HTC code found here ;)

https://github.com/Schepp/box-sizing-polyfill

@ttfkam

I should have commented earlier. I tried implementing this, but ran into a major stumbling block. If you change the width/height, you trigger a new PIE reflow. But you have to change it — clear element.runtimeStyle.width — in order to see what the dimensions actually are since JavaScript or some other style sheet rule may have overridden it in the meantime. Which triggers a PIE reflow. And so goes the merry-go-round of 100% CPU core utilization.

@kristianmandrup

Couldn't you somehow set a special global state PIE.performReflow: false before you clear element.runtimeStyle.width, and then set it back to true when you are done?

@Soviut

+1 for this.

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