Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
jektvik opened this issue Aug 29, 2024 · 2 comments · Fixed by #4640
Closed

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

jektvik opened this issue Aug 29, 2024 · 2 comments · Fixed by #4640

Comments

@jektvik
Copy link

jektvik commented Aug 29, 2024

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.Title style={{ ... }}> Temp 🌡

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
@kacperzolkiewski
Copy link
Contributor

Hi @jektvik,

I just created a PR with a fix for this issue. When you have a moment, could you check if it works as expected? Let me know if any adjustments are needed!

Thanks!

@jektvik
Copy link
Author

jektvik commented Feb 28, 2025

I appreciate very much.
Please don't wait on me - I am way out of context at this moment to reproduce and verify unfortunately.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
3 participants