onPress not executed the first time when pressing a Tabs.Tab

[wongk]

Current Behavior

When I pass an onPress handler for a Tabs.Tab, on native it works correctly, but on web I have to press the tab twice before my handler is executed. This applies to each tab in the tabs list. Starting with the second press, the handler is subsequently executed properly.

Expected Behavior

No response

Tamagui Version

1.94.4

Platform (Web, iOS, Android)

Web

Reproduction

<Tabs.Tab
  onPress={() => {
    alert("Pressed")
  }}
>
  // ...
</Tabs.Tab>

### System Info

_No response_

[hollyos]

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.

Tabs.tsx#L247

  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