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

Left Navigation Edit Folder Icon does not display on very long folder names #6811

Closed
1 task done
foxinSOCKS5 opened this issue Nov 6, 2023 · 1 comment · Fixed by #11284
Closed
1 task done

Left Navigation Edit Folder Icon does not display on very long folder names #6811

foxinSOCKS5 opened this issue Nov 6, 2023 · 1 comment · Fixed by #11284
Labels

Comments

@foxinSOCKS5
Copy link

Steps To Reproduce

Description of Issue

On MacOS desktop client Version 2023.9.1 (12289), if a very long folder name(especially with wide characters) appear in the left-nav DIV, Edit Folder icon does not display in the navigation bar.

  1. Create a new folder with a name like 5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D5D
  2. Select the newly created folder in the Left Navigation bar and observe that the Edit Folder icon is not visible

Expected Result

Edit Folder Icon is visible to users when any folder is selected under the FOLDERS filter in the left navigation.

Actual Result

no-edit-folder-icon

Screenshots or Videos

No response

Additional Context

Potential workaround for the issue:

  1. While desktop client is open, hit F12 key to bring up developer tools
  2. Select the inspector icon from the top left corner (or hit CMD+Shift+c)
  3. Highlight the left navigation bar to expose <div class="left-nav"> HTML tag under the Elements tab and then select it
  4. From the Styles window on the right locate .left-nav { CSS properties and uncheck width and max-width properties
css-edit
  1. Left navigation bar will expand to display the full name of the longest folder
  2. Locate the edge of the Edit Folder icon in the navigation bar and click it to expose the Edit Folder modal
expanded-nav
  1. Click Delete icon in the modal
edit-folder-modal

Operating System

macOS

Operating System Version

Sonoma 14.0

Installation method

Direct Download (from bitwarden.com)

Build Version

Version 2023.9.1 (12289)

Issue Tracking Info

  • I understand that work is tracked outside of Github. A PR will be linked to this issue should one be opened to address it, but Bitwarden doesn't use fields like "assigned", "milestone", or "project" to track progress.
@foxinSOCKS5 foxinSOCKS5 added bug desktop Desktop Application labels Nov 6, 2023
@TroyBW
Copy link

TroyBW commented Nov 18, 2023

Hi there,

Thank you for your report! I have flagged this to our engineering team.

If you wish to add any further information/screenshots/recordings etc., please feel free to do so at any time - our engineering team will be happy to review these.

Thanks once again!

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

Successfully merging a pull request may close this issue.

3 participants