search

vuejs / devtools-next

The next iteration of Vue DevTools
https://devtools-next.vuejs.org/
MIT License
1.32k stars 91 forks source link

Issue Report: Scrollable Sidebar Not Functioning as Expected #350

Open otabekoff opened 4 months ago

otabekoff commented 4 months ago

Description:

Upon testing the scrollable sidebar functionality on the localhost:5173 test page, the expected behavior was not observed. Despite attempting various actions such as checking and unchecking the checkbox option in settings, the sidebar tabs remained unscrollable. Additionally, neither did the tabs transition into the popover menu of the floating panel, nor did the "more" button appear. The sidebar remained unresponsive to changes in the "Scrollable sidebar" option value in the settings menu.

Steps to Reproduce:

  1. Navigate to the localhost:5173 test page.
  2. Attempt to interact with the sidebar tabs, including checking and unchecking the checkbox option.
  3. Observe that the sidebar tabs do not become scrollable as expected.
  4. Click the "more" button to access additional tabs if it appears. However, no additional tabs are displayed, and items in the list do not transition into the popover menu of the floating panel.

Expected Behavior:

a) The sidebar tabs should become scrollable when the content exceeds the available space. b) Clicking the "more" button should reveal additional tabs within the popover menu of the floating panel. c) This process should happen automatically when the checkbox is checked.

The described behavior worked initially but stopped functioning after changing the UI scale to "Huge."

Expected Behavior

Observed Behavior:

Attempts to Resolve:

Additional Information:

Screenshots/Video:

Observed Behavior

Priority:

Unknown

Assigned To:

Unknown

Deadline:

Unknown

Notes: Please address this issue in upcoming versions. Feel free to use this issue text style as a template for reporting.

alexzhang1030 commented 4 months ago

Thank you for reporting, we will investigate it soon

alexzhang1030 commented 4 months ago

Hey, I'm using vite-plugin-vue-devtools@7.1.3, unfortunately, I cannot reproduce it.

Can you upgrade the version and check it out agaign or provide more info here?(maybe a video)

https://github.com/vuejs/devtools-next/assets/49969959/6eb07aa4-e3bd-4fd9-9d08-fa720383156a

otabekoff commented 3 months ago

I am making my YouTube video. I've also mentioned about this in that video. I'll record a video later and leave here. Thanks.

alexzhang1030 commented 3 months ago

Any progress? Is this issue still ongoing in devtools-next@latest?

otabekoff commented 3 months ago

Yes, but I couldn't figure out what's happening. Recently, I had to reset my Windows 11 for a valid reason. I wanted to try a fresh OS and browser. It worked initially, but when I returned later, the issue persisted like before.

alexzhang1030 commented 3 months ago

When you have time, please upload a video here. This will help us quickly identify the issue.