Layer Re-ordering is not working within Web component. about ol-ext HOT 6 OPEN

I am using 'lit' for creating web component.

Please check this link: https://codesandbox.io/p/sandbox/pedantic-leaf-hf2z7d?file=%2Fsrc%2Findex.js

While debugging, I figured out that in move(e) function, e.target and document.elementFromPoint is actually returning the web component instead of the actual node which is preventing it from dropping.

I fixed it by updating the below code for now in my local:

var li
if (!e.touches) {
  li = e.target
  /**
   *  Get the HTML node within web component on click drag
   */
  if(e.target.shadowRoot){
    li = e.composedPath()[0]
  }
} else {
  li = document.elementFromPoint(e.touches[0].clientX, e.touches[0].clientY);
  /**
   *  Get actual HTML node within web component on touch drag
   */
  while(li.shadowRoot){
    li = li.shadowRoot.elementFromPoint(e.touches[0].clientX, e.touches[0].clientY)
  }
}

This code can be found in file: LayerSwitcher.js:594

from ol-ext.

I hope this might help.

I'll try to fix it asap

from ol-ext.

Just published [email protected]

from ol-ext.

Do you have an example online to test.
What sort of component are you using ?

from ol-ext.

I hope this might help.

from ol-ext.

When will these changes published on npm?

from ol-ext.