Modal : Change the "transformX|Y" css property to "top or left" for a fixed position item

[AousAnwar]

trafficstars

A small change for a particular use case.

The css Transform property create a new scope inside the browser, so the item with fixed position is positioned relatively to the nearest parent with the transform property (.vue-recycle-scroller__item-view) and not the browser itself.

Here I'm adding a "modal" property the the item object, when set to true, it replace "transform (x or y)" with "left or top" depending on the "direction" also unset the css "will-change" property.

Typical use case : zoom in modal for images or video display

[crow7m]

aby updates on this pull request, might be useful for dynamic scroller as well

[bobaoapae]

Hello, can this be merged? I have this issue

[Akryum]

I'm not sure we want to change this as it might degrade performance.

[netlify[bot]]

❌ Deploy Preview for vue-virtual-scroller-demo failed.

Name	Link
🔨 Latest commit	ed426ae4385b4b0f0869d5232a38c4a3f41c9b8c
🔍 Latest deploy log	https://app.netlify.com/sites/vue-virtual-scroller-demo/deploys/64c3bf7da06d0900089dc900