@itfin/components 1.3.19 → 1.3.20

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/assets/scss/components/_segmeneted-control.scss +4 -4
  3. package/src/components/dropdown/Dropdown.vue +13 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "1.3.19",
3
+ "version": "1.3.20",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/assets/scss/components/_segmeneted-control.scss CHANGED
@@ -88,7 +88,7 @@
88
88
  pointer-events: none;
89
89
  display: block;
90
90
  position: relative;
91
- z-index: 2;
91
+ //z-index: 2;
92
92
  -webkit-transition: all .2s ease;
93
93
  transition: all .2s ease;
94
94
  will-change: transform;
@@ -96,7 +96,7 @@
96
96
  }
97
97
 
98
98
  input {
99
- z-index: 2;
99
+ //z-index: 2;
100
100
  position: absolute;
101
101
  top: 0;
102
102
  left: 0;
@@ -119,7 +119,7 @@
119
119
  &:checked + label::before,
120
120
  &:checked + label::after {
121
121
  background: var(--itf-segmeneted-control--background);
122
- z-index: 1;
122
+ //z-index: 1;
123
123
  }
124
124
  }
125
125
  }
@@ -132,7 +132,7 @@
132
132
  border-radius: var(--itf-segmeneted-control--border-radius);
133
133
  grid-column: 1;
134
134
  grid-row: 1;
135
- z-index: 2;
135
+ //z-index: 2;
136
136
  will-change: transform;
137
137
  -webkit-transition: transform .2s ease;
138
138
  transition: transform .2s ease;
package/src/components/dropdown/Dropdown.vue CHANGED
@@ -82,16 +82,19 @@ class itfDropdown extends Vue {
82
82
  if (typeof window === 'undefined' || !this.$refs.toggle) {
83
83
  return;
84
84
  }
85
- const { default: Dropdown } = await import('bootstrap/js/src/dropdown.js');
86
- this.modalEl = new Dropdown(this.$refs.toggle, {
87
- reference: 'toggle',
88
- autoClose: this.autoclose
89
- });
90
- let context = document.body;
91
- console.info(this.$refs.dropdown);
92
- if (this.appendToBody && this.$refs.dropdown instanceof Node && this.$refs.dropdown.parentNode) {
93
- this.$refs.dropdown.parentNode.removeChild(this.$refs.dropdown);
94
- context.appendChild(this.$refs.dropdown); // should append only to body
85
+ try {
86
+ const {default: Dropdown} = await import('bootstrap/js/src/dropdown.js');
87
+ this.modalEl = new Dropdown(this.$refs.toggle, {
88
+ reference: 'toggle',
89
+ autoClose: this.autoclose
90
+ });
91
+ let context = document.body;
92
+ if (this.appendToBody && this.$refs.dropdown instanceof Node && this.$refs.dropdown.parentNode) {
93
+ this.$refs.dropdown.parentNode.removeChild(this.$refs.dropdown);
94
+ context.appendChild(this.$refs.dropdown); // should append only to body
95
+ }
96
+ } catch (err) {
97
+ // ignore
95
98
  }
96
99
 
97
100
  this.$el.addEventListener('shown.bs.dropdown', () => {