funda-ui 2.2.225 → 2.2.355
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/DropdownMenu/index.js
CHANGED
|
@@ -421,18 +421,16 @@ var DropdownMenu = function DropdownMenu(props) {
|
|
|
421
421
|
// Determine whether it exceeds the far right or left side of the screen
|
|
422
422
|
var _modalContent = modalRef.current;
|
|
423
423
|
var _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
|
|
424
|
-
var _modalBox =
|
|
425
|
-
var _modalListBox = _modalListContent.getBoundingClientRect();
|
|
424
|
+
var _modalBox = _modalListContent.getBoundingClientRect();
|
|
426
425
|
var _iconRef = iconRef.current;
|
|
427
|
-
if (
|
|
426
|
+
if (_modalBox.right > window.innerWidth) {
|
|
428
427
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
429
428
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
430
429
|
_iconRef.style.marginLeft = "".concat(_modalOffsetPosition, "px");
|
|
431
|
-
|
|
432
430
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
433
431
|
}
|
|
434
432
|
|
|
435
|
-
if (
|
|
433
|
+
if (_modalBox.left < 0) {
|
|
436
434
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
437
435
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
438
436
|
_iconRef.style.marginLeft = "-".concat(_modalOffsetPosition2, "px");
|
|
@@ -421,18 +421,16 @@ var DropdownMenu = function DropdownMenu(props) {
|
|
|
421
421
|
// Determine whether it exceeds the far right or left side of the screen
|
|
422
422
|
var _modalContent = modalRef.current;
|
|
423
423
|
var _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
|
|
424
|
-
var _modalBox =
|
|
425
|
-
var _modalListBox = _modalListContent.getBoundingClientRect();
|
|
424
|
+
var _modalBox = _modalListContent.getBoundingClientRect();
|
|
426
425
|
var _iconRef = iconRef.current;
|
|
427
|
-
if (
|
|
426
|
+
if (_modalBox.right > window.innerWidth) {
|
|
428
427
|
var _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
429
428
|
_modalContent.style.marginLeft = "-".concat(_modalOffsetPosition, "px");
|
|
430
429
|
_iconRef.style.marginLeft = "".concat(_modalOffsetPosition, "px");
|
|
431
|
-
|
|
432
430
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
433
431
|
}
|
|
434
432
|
|
|
435
|
-
if (
|
|
433
|
+
if (_modalBox.left < 0) {
|
|
436
434
|
var _modalOffsetPosition2 = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
437
435
|
_modalContent.style.marginLeft = "".concat(_modalOffsetPosition2, "px");
|
|
438
436
|
_iconRef.style.marginLeft = "-".concat(_modalOffsetPosition2, "px");
|
|
@@ -216,21 +216,19 @@ const DropdownMenu = (props: DropdownMenuProps) => {
|
|
|
216
216
|
// Determine whether it exceeds the far right or left side of the screen
|
|
217
217
|
const _modalContent = modalRef.current;
|
|
218
218
|
const _modalListContent = modalRef.current.querySelector('.dd-menu-list__inner');
|
|
219
|
-
const _modalBox =
|
|
220
|
-
const _modalListBox = _modalListContent.getBoundingClientRect();
|
|
219
|
+
const _modalBox = _modalListContent.getBoundingClientRect();
|
|
221
220
|
const _iconRef: any = iconRef.current;
|
|
222
221
|
|
|
223
222
|
|
|
224
|
-
if (
|
|
223
|
+
if (_modalBox.right > window.innerWidth) {
|
|
225
224
|
const _modalOffsetPosition = _modalBox.right - window.innerWidth + EXCEEDED_SIDE_POS_OFFSET;
|
|
226
225
|
_modalContent.style.marginLeft = `-${_modalOffsetPosition}px`;
|
|
227
226
|
_iconRef.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
228
|
-
|
|
229
227
|
// console.log('_modalPosition: ', _modalOffsetPosition)
|
|
230
228
|
}
|
|
231
229
|
|
|
232
230
|
|
|
233
|
-
if (
|
|
231
|
+
if (_modalBox.left < 0) {
|
|
234
232
|
const _modalOffsetPosition = Math.abs(_modalBox.left) + EXCEEDED_SIDE_POS_OFFSET;
|
|
235
233
|
_modalContent.style.marginLeft = `${_modalOffsetPosition}px`;
|
|
236
234
|
_iconRef.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": "2.2.
|
|
5
|
+
"version": "2.2.355",
|
|
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",
|