search

anseki / plain-draggable

The simple and high performance library to allow HTML/SVG element to be dragged.
https://anseki.github.io/plain-draggable/
MIT License
765 stars 96 forks source link

Inline style rewritten by window onscroll event #148

Closed typebrook closed 4 days ago

typebrook commented 4 days ago

Related issue #125 #124

Reproduce with Example:

  1. resize paragraph element with red border line
  2. scroll element to the end, and scroll up
  3. element's inline style "width" and "height" are erased

@anseki Is there any way to keep inline style after recalculate for scroll event?

anseki commented 4 days ago

Hi @typebrook, thank you for the comment.

That case and #125 are completely unrelated. PlainDraggable has to reset style properties of the target element to recalculate the position and layout. That is, the style properties of the target element should not be changed intendedly after initialization. The simple and easy solution is wrapping your contents by another element. For example

BTW, this example uses ResizeObserver for capture resizing the target element.

typebrook commented 4 days ago

the style properties of the target element should not be changed intendedly after initialization.

I see. Really grateful about your quick reply and detailed solution, you are awesome!

typebrook commented 4 days ago

That case and #125 are completely unrelated.

My bad... it should be #124

anseki commented 4 days ago

😄