Surface doesn't have roundness

[jimbofoo]

Current behaviour

Using Surface doesn't show any roundness using MD3 (like the examples in the docs).

Expected behaviour

Surface has the default theme roundness or the override roundness

How to reproduce?

<Surface><Text>Test</Text><Surface>

What have you tried so far?

<Surface style={{ borderRadius: 12 }}>
     <Text variant="titleSmall">Test</Text>
</Surface>

Adding a custom style will show a rounded border.

Your Environment

software	version
react-native-paper	5.12.3

[VariabileAleatoria]

No answers? Is this intentional?

[falk-stefan]

This here is working for me with v5.12.5

<Surface elevation={1} style={{ borderRadius: 8, overflow: 'hidden' }}>
  <TouchableNativeFeedback onPress={() => null} className="z-10">
    <View className="p-4">
      <Text>{loc.name}</Text>
    </View>
  </TouchableNativeFeedback>
</Surface>

[lukewalczak]

It's correct behavior – by default Surface component doesn't have any roundness.