Merge pull request #1049 from venkatesh-brightly/bug-fix/re-ordering

#1048:  Layerswitcher re-ordering issue in web component

src/control/LayerSwitcher.js

@@ -594,8 +594,18 @@ var ol_control_LayerSwitcher = class olcontrolLayerSwitcher extends ol_control_C
         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)
+          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)
+          }
         }
         if (li.classList.contains("ol-switcherbottomdiv")) {
           self.overflow(-1)