LunatiqueCoder / luna

Luna - a React Native + Next.js template. Built with TypeScript :heart:
https://luna-gamma.vercel.app/
MIT License
264 stars 17 forks source link

Button onPress does not respond to clicks; Cannot inspect elements; #51

Closed tylers-username closed 2 years ago

tylers-username commented 2 years ago

Describe the bug <Button title={"title"} onPress={()=>alert('test click')} /> does not respond to clicks.

Inspecting the element in Chrome tools sends me to an iframe that masks the application.

To Reproduce Steps to reproduce the behavior:

  1. Replace the content of app.tsx with
    export default () => <Button title={"test"} onPress={()=>alert("test")} />
  2. Run yarn web
  3. Click on the button

Expected behavior Alert "test"

Desktop (please complete the following information):

tylers-username commented 2 years ago

This is actually caused by an iframe that is being injected to the bottom of the page some how but has a fixed position with 100% with and height.

Working around this until I figure out the cause with iframe {display: none}

LunatiqueCoder commented 2 years ago

I'm sorry but I could not reproduce it. Please try Google Chrome. I tried multiple browsers, and I always returned to Google Chrome. For development and personal use as well.

mikehardy commented 2 years ago

I use Brave, it works. This will need an App.js we can drop in https://stackoverflow.com/help/how-to-ask https://stackoverflow.com/help/minimal-reproducible-example