SearchBar has phantom clickable invisible trailing area (right side), without anyway to disable

[klzheng]

Current behaviour

The SearchBar component has a clickable invisible area on the right side of the input

Expected behaviour

The SearchBar should not have any clickable areas that are invisible on the right side of the input. Ideally, it should look something like this when the search bar is empty

How to reproduce?

It looks like the issue is isolated to the component itself. This is what the component might look like:

<Searchbar
    placeholder="Search for items"
    onChangeText={(prev) => setSearch(prev)}
    value={search}
    clearIcon={undefined}
    onIconPress={undefined}
    onTraileringIconPress={undefined}
    traileringIcon={undefined}
    onClearIconPress={undefined}
    onPress={undefined}
  />

What have you tried so far?

As seen in above, I have tried to set all the known relevant properties to undefined, thinking that maybe it was a configuration issue. But the issue still seems to persist despite setting all these properties to undefined.

Your Environment

software	version
react-native	0.74.5
react-native-paper	5.12.5
expo sdk	51.0.39

[personalizedrefrigerator]

We're also experiencing this issue. This seems to be the relevant code:

react-native-paper/src/components/Searchbar.tsx

Lines 331 to 338 in 22f24f4

	// Clear icon should be always rendered within Searchbar – it's transparent,
	// without touch events, when there is no value. It's done to avoid issues
	// with the abruptly stopping ripple effect and changing bar width on web,
	// when clearing the value.
	<View
	pointerEvents={value ? 'auto' : 'none'}
	testID={`${testID}-icon-wrapper`}
	style={[