@operato/data-grist 1.5.53 → 1.7.1

package/src/data-report/data-report-header.ts

@@ -74,14 +74,27 @@ class DataReportHeader extends LitElement {
   private throttledNotifier?: (idx: number, width: number) => void
 
   _onWheelEvent(e: WheelEvent) {
-    var delta = Math.max(-1, Math.min(1, e.deltaY || 0))
-    this.scrollLeft = Math.max(0, this.scrollLeft - delta * 40)
+    if (this.scrollWidth > this.clientWidth) {
+      var delta = Math.max(-1, Math.min(1, e.deltaY || 0))
+      this.scrollLeft = Math.max(0, this.scrollLeft - delta * 40)
 
-    supportsPassive || e.preventDefault()
+      var maxScrollLeft = this.scrollWidth - this.clientWidth
+
+      var atStart = this.scrollLeft === 0
+      var atEnd = this.scrollLeft === maxScrollLeft
+
+      // 스크롤이 맨 앞으로 와 있는 상태에서 휠을 올리는 경우 또는
+      // 스크롤이 맨 끝으로 가 있는 상태에서 휠을 내리는 경우에만 디폴트 동작 허용
+      if ((atStart && delta > 0) || (atEnd && delta < 0)) {
+        return true
+      }
+
+      e.preventDefault()
+    }
   }
 
   firstUpdated() {
-    this.addEventListener('wheel', this._onWheelEvent.bind(this), supportsPassive ? { passive: true } : false)
+    this.addEventListener('wheel', this._onWheelEvent.bind(this))
   }
 
   async updated(changed: PropertyValues<this>) {