Просмотр исходного кода

Fix list pos. if window is horizontally scrolled

Fixes the `Dropdown` and `DateTimePicker` list positioning if window is
horizontally scrolled.
Sergiu Miclea 8 лет назад
Родитель
Сommit
cd8b4bff1d

+ 1 - 1
src/components/molecules/DatetimePicker/index.jsx

@@ -114,7 +114,7 @@ class DatetimePicker extends React.Component<Props, State> {
     }
 
     this.portalRef.style.top = `${topOffset + window.pageYOffset}px`
-    this.portalRef.style.left = `${leftOffset}px`
+    this.portalRef.style.left = `${leftOffset + window.pageXOffset}px`
   }
 
   isValidDate(currentDate: Date, selectedDate: Date): boolean {

+ 1 - 1
src/components/molecules/Dropdown/index.jsx

@@ -233,7 +233,7 @@ class Dropdown extends React.Component<Props, State> {
     }
 
     this.listRef.style.top = `${listTop + (window.pageYOffset || scrollOffset)}px`
-    this.listRef.style.left = `${this.buttonRect.left}px`
+    this.listRef.style.left = `${this.buttonRect.left + window.pageXOffset}px`
   }
 
   renderList() {