Fixes bg attachment fixed

Author: d13

assets/bundle/main.js

@@ -68,6 +68,12 @@ import{a as i,b as N,c as n,d as S,e as U,f as a,g as z,h as D,i as _}from"./chu
       }
     }
 
+    @media (max-width: 623px) and (hover: none) {
+      :host::before {
+        background-attachment: initial;
+      }
+    }
+
     @media (min-width: 480px) {
       :host {
         --kd-phone-hero-block-offset: 30vh;
@@ -89,6 +95,12 @@ import{a as i,b as N,c as n,d as S,e as U,f as a,g as z,h as D,i as _}from"./chu
       }
     }
 
+    @media (min-width: 624px) and (hover: none) {
+      :host {
+        background-attachment: initial;
+      }
+    }
+
     @media (min-width: 768px) {
       :host {
         --kd-phone-hero-content-width: 50;

src/components/phone-hero/index.ts

@@ -41,6 +41,12 @@ export class KdPhoneHero extends KdBaseElement {
       }
     }
 
+    @media (max-width: 623px) and (hover: none) {
+      :host::before {
+        background-attachment: initial;
+      }
+    }
+
     @media (min-width: 480px) {
       :host {
         --kd-phone-hero-block-offset: 30vh;
@@ -62,6 +68,12 @@ export class KdPhoneHero extends KdBaseElement {
       }
     }
 
+    @media (min-width: 624px) and (hover: none) {
+      :host {
+        background-attachment: initial;
+      }
+    }
+
     @media (min-width: 768px) {
       :host {
         --kd-phone-hero-content-width: 50;