AppFlowy-IO/AppFlowy

Fork 0

mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2026-03-24 12:56:59 +00:00

Font Family: Font name hidden #1470

New issue

Closed

opened 2026-03-23 20:49:40 +00:00 by mirror · 10 comments

mirror commented

2026-03-23 20:49:40 +00:00

Owner

Originally created by @gellenburg on GitHub (Sep 1, 2023).
Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/3319

Originally assigned to: @AslamThachapalli on GitHub.

Bug Description

When attempting to change the application's font, if the font name is too long to fit in the drop down window it is wrapped (I assume) and the full name becomes invisible.

This makes it impossible to tell the correct font you want to apply to the application.

How to Reproduce

Open the Settings window.

Navigate to Appearance.

Select the current font within the "Font Family" option. A drop down appears with a search box.

Search for "Noto Sans". A popular font.

Several dozen other "Noto Sans" varieties of fonts appear. But since the font names are too long to actually appear on one line in the drop-down their names are truncated. This makes it impossible to determine which is the correct font you want to apply.

Expected Behavior

I would expect the full name to at least be partially/ be visible within the drop-down window, even if the font name is too long to fit on a single line.

Seems like the only thing that needs to happen here is word-wrap needs to be turned off for this UI element?

Operating System

Windows 11 Pro

AppFlowy Version(s)

0.3.0

Screenshots

Additional Context

No response

Originally created by @gellenburg on GitHub (Sep 1, 2023). Original GitHub issue: https://github.com/AppFlowy-IO/AppFlowy/issues/3319 Originally assigned to: @AslamThachapalli on GitHub. ### Bug Description When attempting to change the application's font, if the font name is too long to fit in the drop down window it is wrapped (I assume) and the full name becomes invisible. This makes it impossible to tell the correct font you want to apply to the application. ### How to Reproduce Open the Settings window. Navigate to Appearance. Select the current font within the "Font Family" option. A drop down appears with a search box. Search for "Noto Sans". A popular font. Several dozen other "Noto Sans" varieties of fonts appear. But since the font names are too long to actually appear on one line in the drop-down their names are truncated. This makes it impossible to determine which is the correct font you want to apply. ### Expected Behavior I would expect the full name to at least be partially/ be visible within the drop-down window, even if the font name is too long to fit on a single line. Seems like the only thing that needs to happen here is word-wrap needs to be turned off for this UI element? ### Operating System Windows 11 Pro ### AppFlowy Version(s) 0.3.0 ### Screenshots ![image](https://github.com/AppFlowy-IO/AppFlowy/assets/7026750/384e37f5-6bd7-4f42-a221-6859c9fcaca0) ### Additional Context _No response_

mirror

2026-03-23 20:49:40 +00:00

closed this issue
added the
good first issue for devs

hacktoberfest

bug

help wanted

good first issue for experienced devs
labels

mirror commented

2026-03-23 20:49:41 +00:00

Author

Owner

@MayurSMahajan commented on GitHub (Sep 2, 2023):

@gellenburg, good catch! Thanks for reporting.
cc @a-wallen
Should we display a tooltip on long font options that contains the full name, that way if we have a font name that is longer then hovering on it will show its full name in a tooltip?
Or is there a better way?

@MayurSMahajan commented on GitHub (Sep 2, 2023): @gellenburg, good catch! Thanks for reporting. cc @a-wallen Should we display a tooltip on long font options that contains the full name, that way if we have a font name that is longer then hovering on it will show its full name in a tooltip? Or is there a better way?

mirror commented

2026-03-23 20:49:41 +00:00

Author

Owner

@AdiAr11 commented on GitHub (Sep 2, 2023):

Hi @MayurSMahajan , how about adding text ellipsis along with tooltip?

@AdiAr11 commented on GitHub (Sep 2, 2023): Hi @MayurSMahajan , how about adding text ellipsis along with tooltip?

mirror commented

2026-03-23 20:49:41 +00:00

Author

Owner

@MayurSMahajan commented on GitHub (Sep 2, 2023):

That's a good idea @AdiAr11

@MayurSMahajan commented on GitHub (Sep 2, 2023): That's a good idea @AdiAr11

mirror commented

2026-03-23 20:49:41 +00:00

Author

Owner

@AdiAr11 commented on GitHub (Sep 2, 2023):

I can also work on this!

@AdiAr11 commented on GitHub (Sep 2, 2023): I can also work on this!

mirror commented

2026-03-23 20:49:42 +00:00

Author

Owner

@MayurSMahajan commented on GitHub (Sep 2, 2023):

Sure @AdiAr11 Thanks for offering help, I suggest you solve the issue that you are assigned to and then begin working on this later.

@MayurSMahajan commented on GitHub (Sep 2, 2023): Sure @AdiAr11 Thanks for offering help, I suggest you solve the issue that you are assigned to and then begin working on this later.

mirror commented

2026-03-23 20:49:42 +00:00

Author

Owner

@AslamThachapalli commented on GitHub (Sep 4, 2023):

Hi @MayurSMahajan , Greetings. I am new to this repo.
If ok, I would like to solve this issue.

@AslamThachapalli commented on GitHub (Sep 4, 2023): Hi @MayurSMahajan , Greetings. I am new to this repo. If ok, I would like to solve this issue.

mirror commented

2026-03-23 20:49:42 +00:00

Author

Owner

@MayurSMahajan commented on GitHub (Sep 5, 2023):

Great @AslamThachapalli! You can start working on this.

@MayurSMahajan commented on GitHub (Sep 5, 2023): Great @AslamThachapalli! You can start working on this.

mirror commented

2026-03-23 20:49:42 +00:00

Author

Owner

@AslamThachapalli commented on GitHub (Sep 5, 2023):

Sure.

@AslamThachapalli commented on GitHub (Sep 5, 2023): Sure.

mirror commented

2026-03-23 20:49:42 +00:00

Author

Owner

@annieappflowy commented on GitHub (Nov 5, 2023):

@AslamThachapalli , are you still working on this?

@annieappflowy commented on GitHub (Nov 5, 2023): @AslamThachapalli , are you still working on this?

mirror commented

2026-03-23 20:49:43 +00:00

Author

Owner

@AslamThachapalli commented on GitHub (Nov 8, 2023):

Pardon for the late reply.
I will push the latest changes soon. I am working on it.

@AslamThachapalli commented on GitHub (Nov 8, 2023): Pardon for the late reply. I will push the latest changes soon. I am working on it.

mirror referenced this issue

2026-03-23 22:15:43 +00:00

[PR #1470] [MERGED] chore: tints depend on light and dark theme #4761