1757223 - my cursor on storage dev tool is not correctly rotated

Status: UNCONFIRMED

(DevTools :: Inspector, enhancement, P3)

Description

[vianneyleman592]

User Agent: Mozilla/5.0 (Windows NT 10.0; rv:98.0) Gecko/20100101 Firefox/98.0

Steps to reproduce:

just place cursor to resize on the side panel on starage menu (you will understand with the screen).

Actual results:

the cursor is not correctly rotated, this is just graphical.

Expected results:

just rotate the cursor

Comment 1

[vianneyleman592]

the image was too large so it's on GoogleDrive:

https://drive.google.com/file/d/1JEo-8aOfeBkuKrJOyyFM_2C9qzUdeiNe/view?usp=sharing

Comment 2

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

The Bugbug bot thinks this bug should belong to the 'Core::Graphics' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 3

[Brad Werth [:bradwerth]]

Nicholas, this might be a devtools issue. Can you see if you can reproduce?

Comment 4

[Nicolas Chevobbe [:nchevobbe]]

I can't reproduce on OSX, and Honza checked on Windows and Ubuntu without luck.

Bonjour vianneyleman592! Could you tell us some information:

• your OS
• Firefox version
• Where the toolbox is docked (bottom or on one side)
• what actions did you do (if any), before getting this cursor
• if you're getting this consistently (e.g. closing and reopening DevTools, you're still seeing it)

Thanks!

Comment 5

[vianneyleman592]

my OS: Windows 10 pro 32 bit
firefox version: Version 98.0b9 (32 bits) developer edition
toolbox: docked on the right side
step: (this is a little more complicated than i tought) first, you need to open devtools but resize it so it's very small, then go to "storage" or "style editor" and close the devtools, then reopen it and resize it so its big and you have two side menu and then cursor is 'bugged' when you want to resize the two menu (i've tried and it work with style editor)

sorry for the delay and if have other question, ask me.

Comment 6

[Jonathan Kew [:jfkthame]]

I was able to reproduce this in Nightly on both Linux and macOS; screenshot attached.

The incorrect cursor seems to come from the splitter[orient="vertical"] rule at splitter.css:33, because the <splitter class="devtools-side-splitter"> element keeps its orient="vertical" attribute unchanged even though its parent <box class="devtools-responsive-container theme-bodv"> toggles between -moz-box-orient: horizontal and vertical depending on the media width (see the @media (max-width: 700px) block in widgets.css).

Comment 7

[Jonathan Kew [:jfkthame]]

Attachment: screenshot showing the incorrect splitter cursor on macOS