Mobile button event issues
Answered
Beveren posted this in #help-forum
BeverenOP
Hi, desktop buttons work perfectly fine, all onClick actions are fired correctly. But on mobile (precisely IP 13 with IOS 26.6.2) it seems button events are not fired correctly. None of the onClick events is being fired.
I tested it on both safari and chrome and the issue persists.
Only globals.css style i have for button is the following:
Its not the css problem (I think), cause i made test page with only button there and simple on click and it doest work either (but works on desktop).
I tested it on both safari and chrome and the issue persists.
Only globals.css style i have for button is the following:
button {
cursor: pointer;
touch-action: manipulation;
}Its not the css problem (I think), cause i made test page with only button there and simple on click and it doest work either (but works on desktop).
Answered by Beveren
i had to include my local ip in next.config.ts in allowedDevOrigins
9 Replies
@Beveren Hi, desktop buttons work perfectly fine, all onClick actions are fired correctly. But on mobile (precisely IP 13 with IOS 26.6.2) it seems button events are not fired correctly. None of the onClick events is being fired.
I tested it on both safari and chrome and the issue persists.
Only globals.css style i have for button is the following:
`button {
cursor: pointer;
touch-action: manipulation;
}`
Its not the css problem (I think), cause i made test page with only button there and simple on click and it doest work either (but works on desktop).
cause i made test page with only button there and simple on click and it doest work eithercan you share this reproduction repo?
BeverenOP
This isnt a separate repo, just a simple page that exports a button with onclick nothing else.
App has many pages, and on every single one buttons are not working on iphone (wont say mobile cause i didnt test with other mobile deviced)
I can upload package.json if it would help, maybe some dependency issues or smth
@Beveren I can upload package.json if it would help, maybe some dependency issues or smth
the package json wouldn’t help. Can you provide a small reproduction repo?
BeverenOP
Does it have to compile or can i just copy and paste the page where the issue comes up and not worry about the missing refs
NVM
BeverenOP
i had to include my local ip in next.config.ts in allowedDevOrigins
Answer
BeverenOP
sorry for the inconvenience