Skip to content
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

Bug: Tooltip on attachment is not fully shown if attachment has a long name #4433

Open
lindy65 opened this issue Jan 6, 2023 · 8 comments · Fixed by Kuuchuu/focalboard#10 · May be fixed by #4707
Open

Bug: Tooltip on attachment is not fully shown if attachment has a long name #4433

lindy65 opened this issue Jan 6, 2023 · 8 comments · Fixed by Kuuchuu/focalboard#10 · May be fixed by #4707
Assignees
Labels
Bug Something isn't working

Comments

@lindy65
Copy link

lindy65 commented Jan 6, 2023

Found by QA community contributor @krmh04 on https://boards-bugbash-76.test.mattermost.cloud/ server, Boards v7.7.0

Steps to reproduce the behavior

  1. Attach a file with a long name to a card
  2. Hover over the attachment to display the tooltip
  3. Observed: tooltip does not display full file name (see screenshots)

Expected behavior

Tooltip either shows full file name or is purposefully shown as being truncated

Screenshots (optional)

image

image

Edition and Platform

  • Edition: Boards plugin
  • Version: v7.7.0
  • Browser and OS: Windows/Chrome
@lindy65 lindy65 added Triage Bug Something isn't working labels Jan 6, 2023
@wuwinson
Copy link
Contributor

wuwinson commented Jan 9, 2023

@lindy65 Can you confirm if this is happening due to the horizontal scroll or if it's actually being cutoff without scrolling? May be more of a UX issue. cc @asaadmahmood

@wuwinson wuwinson added the Awaiting Submitter Action Blocked on the author label Jan 9, 2023
@lindy65
Copy link
Author

lindy65 commented Jan 10, 2023

Hey @wuwinson - I think you're correct - the user needs to scroll to the right to see the full file name. I feel this isn't obvious though (it wasn't to me or @krmh04) and @jprusch suggested perhaps adding file attachments vertically instead of horizontally here on the test server.

Seems there are still a few UX issues - see screenshots below.

image

image

@wuwinson
Copy link
Contributor

@asaadmahmood Thoughts on changing file attachment layout to a vertical view?

@asaadmahmood
Copy link
Contributor

@wuwinson @lindy65 The tooltip should appear in full and not be cropped by the scroll.
Not inclined to make them a vertical list, as just a few files (4-5) will occupy a lot real estate and push important data way down.

We should increase the content width like in my proposed card improvements, which will probably make this issue much less jarring.

@jprusch
Copy link
Contributor

jprusch commented Jan 10, 2023

Sorry, but horizontal scrolling is a pain. Another option would be to generally display all files at the bottom & have a quick link to scroll to the files section. +1 on vertical placement of files occupy a lot of space, but with horizontal placement some files will never be discovered.

@lindy65
Copy link
Author

lindy65 commented Jan 10, 2023

Thanks @asaadmahmood @wuwinson - agree with Asaad that a vertical list of attachments will take up a lot of real estate

Just a thought / question in the screenshot below

image

Another idea is a horizontal scroll bar something like the screenshot below but horizontal of course

image

@asaadmahmood
Copy link
Contributor

@lindy65 agreed we can have a scrollbar. Though I think it should already be there, for some devices, except those that actually hide the scrollbar until you're scrolling or hover over it.

@lindy65
Copy link
Author

lindy65 commented Jan 12, 2023

Hmmm... why do some devices make it difficult to discover things!?! 😄 I don't see a scroll bar on Windows10/Chrome

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something isn't working
Projects
None yet
4 participants