1898987 - Can't change column width in storage inspector

Status: NEW

(DevTools :: Storage Inspector, enhancement, P3)

Description

[Angel Hess]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Steps to reproduce:

From any website, open Inspector then go to Storage then go to Cookies. The first time the rows of data is displayed you are able to size the awkwardly short name column to be a wider width. But as you do more through the website the width shrinks back to original width and you are not able to size the width again in the same session, you are then forced to either close Inspector and reload the website and start again.

Actual results:

The first time you place the mouse over the column line to adjust the width you get the normal mouse adjust width pointer. The second time there is no change in the mouse pointer and unable to adjust width of column.

Expected results:

The width of the Inspector column settings should stay the size that are set by the user. Additionally the name column should by default be a bit wider. The name should not be narrower than date column in my opinion.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'DevTools::Inspector' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

Thanks for the report Angel.
Could you tell us which website you're seeing this on?
Or, if you can't share it, upload some screenshots to show the state of things when you can resize the column, and then after, once you can't

Comment 3

[Angel Hess]

(In reply to Nicolas Chevobbe [:nchevobbe] from comment #2)

Thanks for the report Angel.
Could you tell us which website you're seeing this on?
Or, if you can't share it, upload some screenshots to show the state of things when you can resize the column, and then after, once you can't

It is not possible to make screen shots of mouse icons so your request is not good. I think this bug title should be change to something different because the problem is more elaborate. The resize problem seems to happen when you click on any row. After you click on a row the column size is reset then you are not able to resize the column a second time. The column size should not reset when you click on a row so this is another bug. The column settings should save just like a file browser has columns and in a file browser when you adjust the columns the settings are saved and stay this way for each use. But in storage inspector every time you click on a row the column settings are reset or deleted. By the way this is on macos. Not sure about windows or other os. This problem has been this way for years, I have just now taken the time to report it.

Comment 4

[Nicolas Chevobbe [:nchevobbe]]

(In reply to Angel Hess from comment #3)

(In reply to Nicolas Chevobbe [:nchevobbe] from comment #2)

Thanks for the report Angel.
Could you tell us which website you're seeing this on?
Or, if you can't share it, upload some screenshots to show the state of things when you can resize the column, and then after, once you can't

It is not possible to make screen shots of mouse icons so your request is not good.

I was asking screenshots, not to see the (lack of) cursor, but more to check the state of the UI on your machine basically, so we could try to reproduce, or formulate hypothesis about the issue

I think this bug title should be change to something different because the problem is more elaborate. The resize problem seems to happen when you click on any row. After you click on a row the column size is reset then you are not able to resize the column a second time.

So what could happen, I guess, is that because the column are resized, they don't have anymore room to be resized? Once you're stuck, can you try to hide a few columns (right-click on the table header, and uncheck a few items), and see if you can then resize your page?

The column size should not reset when you click on a row so this is another bug. The column settings should save just like a file browser has columns and in a file browser when you adjust the columns the settings are saved and stay this way for each use. But in storage inspector every time you click on a row the column settings are reset or deleted.

We need some space to show the right sidebar, and so we shrink the table (as we would if you resize the browser). We might do a better job at reducing some specific columns more than others maybe, or simply let the table overflow when the sidebar is displayed.

Comment 5

[Julian Descottes [:jdescottes]]

Given that we don't have more details, I think the issue is that the netmonitor columns are more constrained and harder to resize when you start selecting a row and showing the details sidepanel.

We could try to improve the way the columns are resized, but I think the main issue is that we don't have enough width to resize all columns completely.

If you feel like there is another bug, could you try to attach a screencast showing how the columns are resized incorrectly?

Thanks