@lemonadejs/modal 5.2.1 → 5.8.0

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/dist/index.js CHANGED
@@ -390,7 +390,10 @@ if (!lemonade && typeof (require) === 'function') {
390
390
 
391
391
  if (self.position === 'absolute') {
392
392
  if (bottomEdgeDistance < 5) {
393
- transformY = (-1 * el.height) - margin - 20;
393
+ transformY = (-1 * el.height) - margin - 12;
394
+ if (el.top + transformY < 0) {
395
+ transformY = -el.top + 10;
396
+ }
394
397
  }
395
398
  } else {
396
399
  if (bottomEdgeDistance < 0) {
@@ -784,8 +787,10 @@ if (!lemonade && typeof (require) === 'function') {
784
787
  }
785
788
 
786
789
  // Auto adjust
787
- adjustHorizontal(self);
788
- adjustVertical(self);
790
+ queueMicrotask(() => {
791
+ adjustHorizontal(self);
792
+ adjustVertical(self);
793
+ });
789
794
  } else {
790
795
  // Hide backdrop
791
796
  if (backdrop) {
@@ -799,11 +804,15 @@ if (!lemonade && typeof (require) === 'function') {
799
804
  self.el.style[property] = '';
800
805
  }
801
806
 
802
- if (property === 'top') {
803
- adjustVertical(self);
804
- }
805
- if (property === 'left') {
806
- adjustHorizontal(self);
807
+ if (self.closed === false) {
808
+ queueMicrotask(() => {
809
+ if (property === 'top') {
810
+ adjustVertical(self);
811
+ }
812
+ if (property === 'left') {
813
+ adjustHorizontal(self);
814
+ }
815
+ });
807
816
  }
808
817
  } else if (property === 'position') {
809
818
  if (self.position) {
package/dist/style.css CHANGED
@@ -4,7 +4,7 @@
4
4
  min-height: 200px;
5
5
  border-radius: 5px;
6
6
  z-index: 15;
7
- background-color: var(--lm-background-color, #fff);
7
+ background-color: var(--lm-background-color-input, #fff);
8
8
  box-sizing: border-box;
9
9
  box-shadow: 0 0 12px rgb(0 0 0 / 22%);
10
10
  opacity: 1;
package/package.json CHANGED
@@ -13,9 +13,9 @@
13
13
  "modal js"
14
14
  ],
15
15
  "dependencies": {
16
- "lemonadejs": "^5.2.0"
16
+ "lemonadejs": "^5.3.2"
17
17
  },
18
18
  "main": "dist/index.js",
19
19
  "types": "dist/index.d.ts",
20
- "version": "5.2.1"
20
+ "version": "5.8.0"
21
21
  }