unoplatform / uno

Open-source platform for building cross-platform native Mobile, Web, Desktop and Embedded apps quickly. Create rich, C#/XAML, single-codebase apps from any IDE. Hot Reload included! 90m+ NuGet Downloads!!
https://platform.uno
Apache License 2.0
8.99k stars 730 forks source link

[Gallery][Android]TabBar(Material)- "only" Text for the 'Content only' Tab and "Right" Icon for 'Tab with Icon' Tab are truncating for TabBar items. #8228

Closed sakshi173 closed 1 year ago

sakshi173 commented 2 years ago

Current behavior

Only text truncate issue new

Expected behavior

right icon and 'Content only' text should not get truncate. only text correct

How to reproduce it (as minimally and precisely as possible)

  1. Open Uno Gallery APP .
  2. Click/tap Burger Menu on the left top right.
  3. Ensure that the Gallery app is in Day Mode.
  4. Tap "TabBar" from the "Toolkit" list.
  5. Go to 'Material' section.
  6. Go to 'Adding Items as TabBarItems directly' section.
  7. Observe that 'Right Icon' is truncating for 'Tab with Icon' Tab and 'Only' text is truncating at the end for the 'Content Only' tab.

Workaround

No response

Works on UWP/WinUI

No response

Environment

No response

NuGet package version(s)

No response

Affected platforms

Android

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response

sakshi173 commented 2 years ago

Bug is not fixed, Verified in the latest canary build, Due to that reopening it. Version 1.5.0 (400898) ,Mar 22, 2022 at 22:36, Canary a339922fe42f1a09ff9a02a3495b2528e8454422 tabbar issue 2

kazo0 commented 1 year ago

@sakshi173 is this still an issue with the latest canaries?

sakshi173 commented 1 year ago

@kazo0, I check it and let you know. Thanks!!

sakshi173 commented 1 year ago

@kazo0, I checked the issue is still present. and also there is another new bug --- Home Icon is not displaying correctly for all platform. I am raising it separately.

kazo0 commented 1 year ago

@sakshi173 thanks!

Yeah the Home icon will be fixed when this merges https://github.com/unoplatform/uno.toolkit.ui/pull/434

lesterbotello commented 1 year ago

Hey @kazo0 @sakshi173, this is also reproducible on iOS with a small enough device (i.e. iPhone SE), so it seems truncation is a byproduct of reduced screen space. The question here is, what would be the expected behavior when there's not enough space to fit both the image and the text? I know the issue specifies "text should not truncate", but in a small factor device, there's no really a way to avoid it.

Would cutting the text and adding ellipses at the end of the remaining text would be enough? (i.e. "Content o...")

EDIT: Typo