components/calc/values.vue

@@ -17,6 +17,7 @@ const section_count = use_section_count()
 const extra_section = use_extra_section()
 const total_length = use_total_length()
 const min_length = use_min_length()
+const open_calc = use_open_calc()
 
 if (!pillar_color.value) {
     const r = Math.floor(Math.random() * predefPillarColors.length)
@@ -136,6 +137,10 @@ const changeParametres = () => {
     goal('calc_fence', form_state)
 }
 
+watch(() => [form_state.fence_length, form_state.height], () => {
+    open_calc.value = []
+})
+
 const setLamelleColor = (color: ralTypes) => {
     lamelle_color.value = color;
     lamelle_text.value = contrastColor(color) ?? '#000'
@@ -215,12 +220,11 @@ const calc_table = computed(() => {
                 <DropdownPicker type="pattern" :cb="setPillarPattern" name="pillar_pattern" :disabled="remove_pillar"
                     :goto_target="new Vector3(fence_section * 0.5, lamelles_count * lamelle_height, 0)"
                     :goto_cam="new Vector3(1, 2, -1)">
-                    <span
-                        :style="getFilename(pillar_pattern) ? [{
-                            backgroundImage: `url(${getFilename(pillar_pattern)})`, 
-                            backgroundSize: 'contain', 
-                            color: 'transparent'
-                        }] : []">
+                    <span :style="getFilename(pillar_pattern) ? [{
+                        backgroundImage: `url(${getFilename(pillar_pattern)})`,
+                        backgroundSize: 'contain',
+                        color: 'transparent'
+                    }] : []">
                         {{ pillar_pattern }}
                     </span>
                 </DropdownPicker>