Tengo un modal, así que cuando abro un modal, el toque del elemento principal debe estar deshabilitado y el toque del elemento secundario funcionará

Lo hice para hacer clic usando eventos de puntero, pero en dispositivos móviles se comporta de manera diferente, ¿hay alguna forma de arreglar eso para tocar?

 <div className="parent"> <div className="child"> </div> </div>

mi CSS parece

 .parent { pointer-events: none; } .child { pointer-events: auto; }

¿Hay alguna forma en que pueda hacer que mi padre no se pueda desplazar también?