funda-ui 3.9.14 → 3.9.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CascadingSelect/index.js +3 -2
- package/CascadingSelectE2E/index.js +3 -2
- package/Date/index.js +3 -2
- package/DropdownMenu/index.js +4 -2
- package/EventCalendarTimeline/index.js +3 -2
- package/LiveSearch/index.js +3 -2
- package/MultiFuncSelect/index.js +3 -2
- package/Tooltip/index.js +3 -2
- package/lib/cjs/CascadingSelect/index.js +3 -2
- package/lib/cjs/CascadingSelectE2E/index.js +3 -2
- package/lib/cjs/Date/index.js +3 -2
- package/lib/cjs/DropdownMenu/index.js +4 -2
- package/lib/cjs/EventCalendarTimeline/index.js +3 -2
- package/lib/cjs/LiveSearch/index.js +3 -2
- package/lib/cjs/MultiFuncSelect/index.js +3 -2
- package/lib/cjs/Tooltip/index.js +3 -2
- package/lib/esm/CascadingSelect/index.tsx +3 -2
- package/lib/esm/CascadingSelectE2E/index.tsx +3 -2
- package/lib/esm/Date/index.tsx +3 -2
- package/lib/esm/DropdownMenu/index.tsx +5 -5
- package/lib/esm/EventCalendarTimeline/index.tsx +3 -2
- package/lib/esm/LiveSearch/index.tsx +3 -2
- package/lib/esm/MultiFuncSelect/index.tsx +3 -2
- package/lib/esm/Tooltip/index.tsx +3 -2
- package/package.json +1 -1
package/CascadingSelect/index.js
CHANGED
|
@@ -898,14 +898,15 @@ var CascadingSelect = function CascadingSelect(props) {
|
|
|
898
898
|
var _modalContent = _modalRef;
|
|
899
899
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
900
900
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
901
|
-
|
|
901
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
902
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
902
903
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
903
904
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
904
905
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
905
906
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
906
907
|
}
|
|
907
908
|
|
|
908
|
-
if (_modalBox.left < 0) {
|
|
909
|
+
if (_modalBox.left - 10 < 0) {
|
|
909
910
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
910
911
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
911
912
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
@@ -1075,14 +1075,15 @@ var CascadingSelectE2E = function CascadingSelectE2E(props) {
|
|
|
1075
1075
|
var _modalContent = _modalRef;
|
|
1076
1076
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
1077
1077
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
1078
|
-
|
|
1078
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
1079
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
1079
1080
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
1080
1081
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
1081
1082
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
1082
1083
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
1083
1084
|
}
|
|
1084
1085
|
|
|
1085
|
-
if (_modalBox.left < 0) {
|
|
1086
|
+
if (_modalBox.left - 10 < 0) {
|
|
1086
1087
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
1087
1088
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
1088
1089
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
package/Date/index.js
CHANGED
|
@@ -2407,14 +2407,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
|
|
|
2407
2407
|
var _modalContent = _modalRef;
|
|
2408
2408
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
2409
2409
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
2410
|
-
|
|
2410
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
2411
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
2411
2412
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
2412
2413
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
2413
2414
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
2414
2415
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
2415
2416
|
}
|
|
2416
2417
|
|
|
2417
|
-
if (_modalBox.left < 0) {
|
|
2418
|
+
if (_modalBox.left - 10 < 0) {
|
|
2418
2419
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
2419
2420
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
2420
2421
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
package/DropdownMenu/index.js
CHANGED
|
@@ -650,14 +650,16 @@ var DropdownMenu = function DropdownMenu(props) {
|
|
|
650
650
|
var _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
|
|
651
651
|
var _modalBox = _modalListContent.getBoundingClientRect();
|
|
652
652
|
var _iconRef = iconRef.current;
|
|
653
|
-
|
|
653
|
+
|
|
654
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
655
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
654
656
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
655
657
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
656
658
|
_iconRef.style.marginLeft = "".concat(_modalOffsetPosition, "px");
|
|
657
659
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
658
660
|
}
|
|
659
661
|
|
|
660
|
-
if (_modalBox.left < 0) {
|
|
662
|
+
if (_modalBox.left - 10 < 0) {
|
|
661
663
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
662
664
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
663
665
|
_iconRef.style.marginLeft = "-".concat(_modalOffsetPosition2, "px");
|
|
@@ -1838,14 +1838,15 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1838
1838
|
var _modalContent = _tableTooltipModalRef.querySelector('.e-cal-tl-table__cell-tooltipcontent');
|
|
1839
1839
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
1840
1840
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
1841
|
-
|
|
1841
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
1842
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
1842
1843
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
|
|
1843
1844
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
1844
1845
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
1845
1846
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
1846
1847
|
}
|
|
1847
1848
|
|
|
1848
|
-
if (_modalBox.left < 0) {
|
|
1849
|
+
if (_modalBox.left - 10 < 0) {
|
|
1849
1850
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
|
|
1850
1851
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
1851
1852
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
package/LiveSearch/index.js
CHANGED
|
@@ -1241,14 +1241,15 @@ var LiveSearch = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_re
|
|
|
1241
1241
|
var _modalContent = _modalRef;
|
|
1242
1242
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
1243
1243
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
1244
|
-
|
|
1244
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
1245
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
1245
1246
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
1246
1247
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
1247
1248
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
1248
1249
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
1249
1250
|
}
|
|
1250
1251
|
|
|
1251
|
-
if (_modalBox.left < 0) {
|
|
1252
|
+
if (_modalBox.left - 10 < 0) {
|
|
1252
1253
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
1253
1254
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
1254
1255
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
package/MultiFuncSelect/index.js
CHANGED
|
@@ -1855,14 +1855,15 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1855
1855
|
var _modalContent = _modalRef;
|
|
1856
1856
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
1857
1857
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
1858
|
-
|
|
1858
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
1859
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
1859
1860
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
1860
1861
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
1861
1862
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
1862
1863
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
1863
1864
|
}
|
|
1864
1865
|
|
|
1865
|
-
if (_modalBox.left < 0) {
|
|
1866
|
+
if (_modalBox.left - 10 < 0) {
|
|
1866
1867
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
1867
1868
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
1868
1869
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
package/Tooltip/index.js
CHANGED
|
@@ -565,14 +565,15 @@ var Tooltip = function Tooltip(props) {
|
|
|
565
565
|
var _modalContent = _modalRef.querySelector('.tooltip__content');
|
|
566
566
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
567
567
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
568
|
-
|
|
568
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
569
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
569
570
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
570
571
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
571
572
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
572
573
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
573
574
|
}
|
|
574
575
|
|
|
575
|
-
if (_modalBox.left < 0) {
|
|
576
|
+
if (_modalBox.left - 10 < 0) {
|
|
576
577
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
577
578
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
578
579
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
@@ -898,14 +898,15 @@ var CascadingSelect = function CascadingSelect(props) {
|
|
|
898
898
|
var _modalContent = _modalRef;
|
|
899
899
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
900
900
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
901
|
-
|
|
901
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
902
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
902
903
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
903
904
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
904
905
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
905
906
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
906
907
|
}
|
|
907
908
|
|
|
908
|
-
if (_modalBox.left < 0) {
|
|
909
|
+
if (_modalBox.left - 10 < 0) {
|
|
909
910
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
910
911
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
911
912
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
@@ -1075,14 +1075,15 @@ var CascadingSelectE2E = function CascadingSelectE2E(props) {
|
|
|
1075
1075
|
var _modalContent = _modalRef;
|
|
1076
1076
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
1077
1077
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
1078
|
-
|
|
1078
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
1079
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
1079
1080
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
1080
1081
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
1081
1082
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
1082
1083
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
1083
1084
|
}
|
|
1084
1085
|
|
|
1085
|
-
if (_modalBox.left < 0) {
|
|
1086
|
+
if (_modalBox.left - 10 < 0) {
|
|
1086
1087
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
1087
1088
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
1088
1089
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
package/lib/cjs/Date/index.js
CHANGED
|
@@ -2407,14 +2407,15 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
|
|
|
2407
2407
|
var _modalContent = _modalRef;
|
|
2408
2408
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
2409
2409
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
2410
|
-
|
|
2410
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
2411
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
2411
2412
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
2412
2413
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
2413
2414
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
2414
2415
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
2415
2416
|
}
|
|
2416
2417
|
|
|
2417
|
-
if (_modalBox.left < 0) {
|
|
2418
|
+
if (_modalBox.left - 10 < 0) {
|
|
2418
2419
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
2419
2420
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
2420
2421
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
@@ -650,14 +650,16 @@ var DropdownMenu = function DropdownMenu(props) {
|
|
|
650
650
|
var _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
|
|
651
651
|
var _modalBox = _modalListContent.getBoundingClientRect();
|
|
652
652
|
var _iconRef = iconRef.current;
|
|
653
|
-
|
|
653
|
+
|
|
654
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
655
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
654
656
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
655
657
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
656
658
|
_iconRef.style.marginLeft = "".concat(_modalOffsetPosition, "px");
|
|
657
659
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
658
660
|
}
|
|
659
661
|
|
|
660
|
-
if (_modalBox.left < 0) {
|
|
662
|
+
if (_modalBox.left - 10 < 0) {
|
|
661
663
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
662
664
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
663
665
|
_iconRef.style.marginLeft = "-".concat(_modalOffsetPosition2, "px");
|
|
@@ -1838,14 +1838,15 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1838
1838
|
var _modalContent = _tableTooltipModalRef.querySelector('.e-cal-tl-table__cell-tooltipcontent');
|
|
1839
1839
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
1840
1840
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
1841
|
-
|
|
1841
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
1842
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
1842
1843
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
|
|
1843
1844
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
1844
1845
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
1845
1846
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
1846
1847
|
}
|
|
1847
1848
|
|
|
1848
|
-
if (_modalBox.left < 0) {
|
|
1849
|
+
if (_modalBox.left - 10 < 0) {
|
|
1849
1850
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
|
|
1850
1851
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
1851
1852
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
@@ -1241,14 +1241,15 @@ var LiveSearch = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_re
|
|
|
1241
1241
|
var _modalContent = _modalRef;
|
|
1242
1242
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
1243
1243
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
1244
|
-
|
|
1244
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
1245
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
1245
1246
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
1246
1247
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
1247
1248
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
1248
1249
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
1249
1250
|
}
|
|
1250
1251
|
|
|
1251
|
-
if (_modalBox.left < 0) {
|
|
1252
|
+
if (_modalBox.left - 10 < 0) {
|
|
1252
1253
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
1253
1254
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
1254
1255
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
@@ -1855,14 +1855,15 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
|
|
|
1855
1855
|
var _modalContent = _modalRef;
|
|
1856
1856
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
1857
1857
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
1858
|
-
|
|
1858
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
1859
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
1859
1860
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
1860
1861
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
1861
1862
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
1862
1863
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
1863
1864
|
}
|
|
1864
1865
|
|
|
1865
|
-
if (_modalBox.left < 0) {
|
|
1866
|
+
if (_modalBox.left - 10 < 0) {
|
|
1866
1867
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
1867
1868
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
1868
1869
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
package/lib/cjs/Tooltip/index.js
CHANGED
|
@@ -565,14 +565,15 @@ var Tooltip = function Tooltip(props) {
|
|
|
565
565
|
var _modalContent = _modalRef.querySelector('.tooltip__content');
|
|
566
566
|
var _modalBox = _modalContent.getBoundingClientRect();
|
|
567
567
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
568
|
-
|
|
568
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
569
|
+
if (_modalBox.right + 10 > window.innerWidth) {
|
|
569
570
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
570
571
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
571
572
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
572
573
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
573
574
|
}
|
|
574
575
|
|
|
575
|
-
if (_modalBox.left < 0) {
|
|
576
|
+
if (_modalBox.left - 10 < 0) {
|
|
576
577
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
577
578
|
_modalContent.dataset.offset = _modalOffsetPosition2;
|
|
578
579
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
@@ -256,7 +256,8 @@ const CascadingSelect = (props: CascadingSelectProps) => {
|
|
|
256
256
|
const _modalBox = _modalContent.getBoundingClientRect();
|
|
257
257
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
258
258
|
|
|
259
|
-
|
|
259
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
260
|
+
if ((_modalBox.right + 10) > window.innerWidth) {
|
|
260
261
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
261
262
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
262
263
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
@@ -264,7 +265,7 @@ const CascadingSelect = (props: CascadingSelectProps) => {
|
|
|
264
265
|
}
|
|
265
266
|
|
|
266
267
|
|
|
267
|
-
if (_modalBox.left < 0) {
|
|
268
|
+
if ((_modalBox.left - 10) < 0) {
|
|
268
269
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
269
270
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
270
271
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
@@ -293,7 +293,8 @@ const CascadingSelectE2E = (props: CascadingSelectE2EProps) => {
|
|
|
293
293
|
const _modalBox = _modalContent.getBoundingClientRect();
|
|
294
294
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
295
295
|
|
|
296
|
-
|
|
296
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
297
|
+
if ((_modalBox.right + 10) > window.innerWidth) {
|
|
297
298
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
298
299
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
299
300
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
@@ -301,7 +302,7 @@ const CascadingSelectE2E = (props: CascadingSelectE2EProps) => {
|
|
|
301
302
|
}
|
|
302
303
|
|
|
303
304
|
|
|
304
|
-
if (_modalBox.left < 0) {
|
|
305
|
+
if ((_modalBox.left - 10) < 0) {
|
|
305
306
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
306
307
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
307
308
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
package/lib/esm/Date/index.tsx
CHANGED
|
@@ -433,7 +433,8 @@ const Date = forwardRef((props: DateProps, ref: any) => {
|
|
|
433
433
|
const _modalBox = _modalContent.getBoundingClientRect();
|
|
434
434
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
435
435
|
|
|
436
|
-
|
|
436
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
437
|
+
if ((_modalBox.right + 10) > window.innerWidth) {
|
|
437
438
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
438
439
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
439
440
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
@@ -441,7 +442,7 @@ const Date = forwardRef((props: DateProps, ref: any) => {
|
|
|
441
442
|
}
|
|
442
443
|
|
|
443
444
|
|
|
444
|
-
if (_modalBox.left < 0) {
|
|
445
|
+
if ((_modalBox.left - 10) < 0) {
|
|
445
446
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
446
447
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
447
448
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
@@ -2,7 +2,6 @@ import React, { useEffect, useState, useRef, useId } from 'react';
|
|
|
2
2
|
|
|
3
3
|
import RootPortal from 'funda-root-portal';
|
|
4
4
|
|
|
5
|
-
|
|
6
5
|
import Option from './Option';
|
|
7
6
|
|
|
8
7
|
import { getAbsolutePositionOfStage } from './utils/get-element-property';
|
|
@@ -219,9 +218,10 @@ const DropdownMenu = (props: DropdownMenuProps) => {
|
|
|
219
218
|
const _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
|
|
220
219
|
const _modalBox = _modalListContent.getBoundingClientRect();
|
|
221
220
|
const _iconRef: any = iconRef.current;
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
221
|
+
|
|
222
|
+
|
|
223
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
224
|
+
if ((_modalBox.right + 10) > window.innerWidth) {
|
|
225
225
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
226
226
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
227
227
|
_iconRef.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
@@ -229,7 +229,7 @@ const DropdownMenu = (props: DropdownMenuProps) => {
|
|
|
229
229
|
}
|
|
230
230
|
|
|
231
231
|
|
|
232
|
-
if (_modalBox.left < 0) {
|
|
232
|
+
if ((_modalBox.left - 10) < 0) {
|
|
233
233
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
234
234
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
235
235
|
_iconRef.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
@@ -375,7 +375,8 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
|
|
|
375
375
|
const _modalBox = _modalContent.getBoundingClientRect();
|
|
376
376
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
377
377
|
|
|
378
|
-
|
|
378
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
379
|
+
if ((_modalBox.right + 10) > window.innerWidth) {
|
|
379
380
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
|
|
380
381
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
381
382
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
@@ -383,7 +384,7 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
|
|
|
383
384
|
}
|
|
384
385
|
|
|
385
386
|
|
|
386
|
-
if (_modalBox.left < 0) {
|
|
387
|
+
if ((_modalBox.left - 10) < 0) {
|
|
387
388
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + CELL_TOOLTIP_EXCEEDED_SIDE_POS_OFFSET;
|
|
388
389
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
389
390
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
@@ -335,7 +335,8 @@ const LiveSearch = forwardRef((props: LiveSearchProps, ref: any) => {
|
|
|
335
335
|
const _modalBox = _modalContent.getBoundingClientRect();
|
|
336
336
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
337
337
|
|
|
338
|
-
|
|
338
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
339
|
+
if ((_modalBox.right + 10) > window.innerWidth) {
|
|
339
340
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
340
341
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
341
342
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
@@ -343,7 +344,7 @@ const LiveSearch = forwardRef((props: LiveSearchProps, ref: any) => {
|
|
|
343
344
|
}
|
|
344
345
|
|
|
345
346
|
|
|
346
|
-
if (_modalBox.left < 0) {
|
|
347
|
+
if ((_modalBox.left - 10) < 0) {
|
|
347
348
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
348
349
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
349
350
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
@@ -928,7 +928,8 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
|
|
|
928
928
|
const _modalBox = _modalContent.getBoundingClientRect();
|
|
929
929
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
930
930
|
|
|
931
|
-
|
|
931
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
932
|
+
if ((_modalBox.right + 10) > window.innerWidth) {
|
|
932
933
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
933
934
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
934
935
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
@@ -936,7 +937,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
|
|
|
936
937
|
}
|
|
937
938
|
|
|
938
939
|
|
|
939
|
-
if (_modalBox.left < 0) {
|
|
940
|
+
if ((_modalBox.left - 10) < 0) {
|
|
940
941
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
941
942
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
942
943
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
@@ -131,7 +131,8 @@ const Tooltip = (props: TooltipProps) => {
|
|
|
131
131
|
const _modalBox = _modalContent.getBoundingClientRect();
|
|
132
132
|
if (typeof _modalContent.dataset.offset === 'undefined') {
|
|
133
133
|
|
|
134
|
-
|
|
134
|
+
// 10 pixels is used to account for some bias in mobile devices
|
|
135
|
+
if ((_modalBox.right + 10) > window.innerWidth) {
|
|
135
136
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
136
137
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
137
138
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
@@ -139,7 +140,7 @@ const Tooltip = (props: TooltipProps) => {
|
|
|
139
140
|
}
|
|
140
141
|
|
|
141
142
|
|
|
142
|
-
if (_modalBox.left < 0) {
|
|
143
|
+
if ((_modalBox.left - 10) < 0) {
|
|
143
144
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
144
145
|
_modalContent.dataset.offset = _modalOffsetPosition;
|
|
145
146
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"author": "UIUX Lab",
|
|
3
3
|
"email": "uiuxlab@gmail.com",
|
|
4
4
|
"name": "funda-ui",
|
|
5
|
-
"version": "3.9.
|
|
5
|
+
"version": "3.9.35",
|
|
6
6
|
"description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|