Comments (2)
Diagnosis
Looks like the onPress
event handler is getting interference from the web-specific behaviors. Specifically, the onFocus
. My thinking is that if the first click sets the focus but does not immediately trigger the tab selection change. Then the second click, finding the tab already focused, successfully triggers the selection change.
Potential Resolution
Could try to adjust the event handling logic to ensure the tab change is triggered on the initial click regardless of the focus state.
if (!disabled && !isSelected && webChecks) {
context.onChange(value);
if (!isSelected) {
event.preventDefault();
}
} else {
event.preventDefault();
}
Notes
- I'm just getting started with Tamagui. I'll give this a try and update soon
from tamagui.
This seems to have fixed itself. Closing.
from tamagui.
Related Issues (20)
- Cannot drag sheet up/down when there is scroll inside (Android only)
- Animation not working on Accordion HOT 2
- Broken links on documentation compiler installation page
- Dismissing Select re-focuses full page
- Input. Ref is undefined HOT 1
- Progress bar animates backwards from right to left HOT 4
- Expo Router template fails on start with `Error: createCSSVariable expected string, got: undefined` HOT 2
- Can't perform an iOS or an Android using Expo's EAS Build
- Support for Nextjs Turbopack
- [Bug]: `<Theme />` component not updating all components within provider starting at `v1.105.x` & up HOT 5
- [BUG] CSS Animations with exit/enter styles does not work
- useToastState() hook gets invoked twice HOT 5
- `tabIndex={0}` does not work for accessibility of iOS HOT 3
- Weird jumping issue with simple <Select /> on web
- Pressed state of button is active after returning from in app browser
- "Modal" Prop on Popover Obsolete, Documentation Needs Update HOT 1
- "Button" error on Web HOT 8
- Issue with theme/token colors, css variables are not defined HOT 2
- In the Popover Content component, problems with children's styles with the group property HOT 1
- when Select / Sheet are in the ScrollView with flex 1 or hug content it not getting proper height instead it goes out of screen
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tamagui.