@redseed/redseed-ui-vue3 5.4.7 → 5.4.8

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/Disclosure/Disclosure.vue +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "5.4.7",
3
+ "version": "5.4.8",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "repository": "https://github.com/redseedtraining/redseed-ui",
package/src/components/Disclosure/Disclosure.vue CHANGED
@@ -35,7 +35,7 @@ async function setContentMaxHeight() {
35
35
 
36
36
  await nextTick()
37
37
 
38
- contentRef.value.style.maxHeight = contentRef.value.scrollHeight + 'px'
38
+ contentRef.value.style.minHeight = contentRef.value.scrollHeight + 'px'
39
39
  }
40
40
 
41
41
  async function resetContentMaxHeight() {
@@ -43,7 +43,7 @@ async function resetContentMaxHeight() {
43
43
 
44
44
  await nextTick()
45
45
 
46
- contentRef.value.style.maxHeight = '0px'
46
+ contentRef.value.style.removeProperty('min-height')
47
47
  }
48
48
 
49
49
  watchEffect(() => {
@@ -143,10 +143,10 @@ onMounted(() => {
143
143
  }
144
144
 
145
145
  &__content {
146
- @apply transition-all max-h-0 overflow-hidden opacity-0;
146
+ @apply transition-all min-h-0 h-0 overflow-hidden opacity-0;
147
147
 
148
148
  &--open {
149
- @apply overflow-visible opacity-100;
149
+ @apply overflow-visible opacity-100 h-auto;
150
150
  }
151
151
  }
152
152
  }