@saooti/octopus-sdk 37.0.32 → 37.0.33

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saooti/octopus-sdk",
3
- "version": "37.0.32",
3
+ "version": "37.0.33",
4
4
  "private": false,
5
5
  "description": "Javascript SDK for using octopus",
6
6
  "author": "Saooti",
@@ -24,6 +24,7 @@
24
24
  border: 0.1rem solid #dee2e6;
25
25
  border-radius: $octopus-borderradius;
26
26
  height: 2rem;
27
+ max-width: 100%;
27
28
  padding-right: 40px;
28
29
  }
29
30
  input[type="checkbox"], input[type="radio"]{
@@ -119,11 +119,14 @@ export default defineComponent({
119
119
  }
120
120
  const rectElement = (e.target as HTMLElement).getBoundingClientRect();
121
121
  (this.$refs.popover as HTMLElement).style.display = "block";
122
- this.posX = this.leftPos
123
- ? rectElement.right -
122
+ if(this.leftPos){
123
+ this.posX = rectElement.right -
124
124
  parentRight -
125
- (this.$refs.popover as HTMLElement).clientWidth
126
- : rectElement.left - parentLeft;
125
+ (this.$refs.popover as HTMLElement).clientWidth;
126
+ }else{
127
+ this.posX = rectElement.left - parentLeft;
128
+ }
129
+ this.posX = Math.max(0, this.posX);
127
130
  const yPosParent = this.topPos ? rectElement.top : rectElement.bottom;
128
131
  const yGap = this.topPos
129
132
  ? -5 - (this.$refs.popover as HTMLElement).clientHeight