react-native-paper icon indicating copy to clipboard operation
react-native-paper copied to clipboard

Text gets cut in half (vertically) for DataTable.Title

Open jektvik opened this issue 1 year ago • 0 comments

Current behaviour

Text gets cut in half (vertically) for DataTable.Title

Expected behaviour

Text should not get cut in half

How to reproduce?

  1. In accessibility settings of android, magnify font and icon size to maximum like you're 90 years old.
  2. Create a DataTable and display on android f.ex.: <DataTable> <DataTable.Header style={{ backgroundColor: 'inherit', }}> DataTable.Title style={{ ... }}> <Text style={{fontWeight: 'bold'}}>Temp 🌡</Text> </DataTable.Title>

Preview

image

What have you tried so far?

A variety of css props. They didn't work because it seems that maxHeight is hardcoded inside the Title component.

Your Environment

software version
ios n/a
android 15
react-native 0.74.3
react-native-paper 5.12.5
node x20.11.0
npm or yarn 10.2.4
expo sdk n/a

jektvik avatar Aug 29 '24 12:08 jektvik