0) {
        dragging = true;
        startY = $event.touches[0].clientY;
      }
    "
    @touchmove.window="
      if (dragging) { 
        let deltaY = $event.touches[0].clientY - startY;
        if (deltaY > 0) {
          pos_y = deltaY;
          if (pos_y > window.innerHeight / 3) {
            dragging = false;
            pos_y = 1200;
            search_drawer = false;
            if (!menu_drawer) {
              has_overlay = false;
            }
          }
        } else {
          pos_y = 0;
        }
      }
    "
    :style="
      'transform: translate(0px, ' + pos_y + 'px)'
    "
    x-trap="search_drawer"
    x-show="search_drawer"
    
    x-cloak>