Workaround for issue vuestorefront/storefront-ui#2491

AB#65768
Orckestra · Sep 13, 2022 · 2a5d337 · 2a5d337
1 parent 6b99b98
commit 2a5d337
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/packages/theme/components/AddressForm.vue b/packages/theme/components/AddressForm.vue
@@ -86,11 +86,7 @@
           required
           :valid="!errors[0]"
           :error-message="errors[0]"
-          class="
-            sf-component-select--underlined
-            form__select
-            form__element--half
-            form__element--half-even">
+          class="sf-component-select--underlined">
           <SfComponentSelectOption
             v-for="{isoCode, name} in countries"
             :key="isoCode"
@@ -111,11 +107,7 @@
           required
           :valid="!errors[0]"
           :error-message="errors[0]"
-          class="
-            sf-component-select--underlined
-            form__select
-            form__element--half
-            form__element--half-even">
+          class="sf-component-select--underlined">
             <SfComponentSelectOption
               v-for="{isoCode, name} in getRegions(form.countryCode)"
               :key="isoCode"
@@ -211,6 +203,7 @@ export default {
 };
 </script>
 <style lang='scss' scoped>
+
 .form {
   &__element {
     flex: 1 0 100%;

diff --git a/packages/theme/layouts/default.vue b/packages/theme/layouts/default.vue
@@ -84,7 +84,12 @@ export default {
 
 <style lang="scss">
 @import "~@storefront-ui/vue/styles";
-
+:root {
+  .sf-tabs__content__tab {
+    // workaround for issue https://github.com/vuestorefront/storefront-ui/issues/2491
+    transform: translate3d(0, 0, 0);
+  }
+}
 #layout {
   box-sizing: border-box;
   @include for-desktop {