dmotz / oriDomi

🪭 Fold up DOM elements like paper
https://oxism.com/oriDomi
MIT License
2.41k stars 207 forks source link

Calculation of width #38

Closed menkari closed 9 years ago

menkari commented 9 years ago

Been playing around with the oriDomi and I love it!, such a snazzy little gem that I will no doubt be using in some upcoming applications. I found an issue when I put together a small parent > details kind of layout which has the same css applied to both. The problem I came across was that when the child element (which has oriDomi applied) is rendered, it does not respect the proper box model. In fact it kind of looks like it goes the other way and is smaller by a factor of the padding applied.

This also happens when you set the element width at 100%. Has an unsightly gap down the right hand side. :(

Have a peek at this fiddle and see what you think? (http://jsfiddle.net/y8z72y6q/)

dmotz commented 9 years ago

This is an unfortunate tradeoff OriDomi does to compensate for the way browsers render gaps between antialiased 3D-transformed elements. You can overcome this by either setting a gapNudge configuration value of 0, or by making your element wider than 100% to compensate. See this duplicate issue for more details: #29