keepBigger 组件遇上 dialog animation

dialog animation 会 scale(0.7) => scale(0.1), keepBigger 组件会拿到的 size 是 scale(0.7)

因为通过 getBoundingClientRect 去拿, 好处是精准, 坏处是拿到 scale 当下的状况

 

为了拿到对的 size, 调用 offsetWidth 替代 getBoundingClientRect 

好处是 ignore scale, 坏处是不精准

不精准会导致 keepBigger 组件会跳一下

 

例子:

width: 100.1px 被进位成 100px, 当内容减少时, 用户会看到 100.1px 跳去 100px

 

组件工作

拿当下的 width, 去 set min-width