Dev Rools goes back one step after clicking on device toolbar icon

umutkazdal

umutkazdal

Hello

I am a developer and use Opera all day long. When I try to test the websites I create, I use dev-tools a lot and there's a bug that annoys me.

Here are the steps to reproduce:

1- right click and select inspect (or use command+option+i shortcut) to open dev tools
2- click on the device toolbar icon (or use command+shift+m shortcut) to view the webpage on a responsive screen like iPhone 12
3- click on anywhere on the webpage and it will behave like you clicked on the "Back" button and navigates 1 step back in history

The only way I figured to overcome this is right click on the page or any element in dev-tools Elements tab and then you can click on buttons on your page without any issues.

But if you are developing a page and going back and forth between your IDE and Opera and then refresh your page which is still in inspect mode and a responsive device view, if you forget to right click anywhere first, it will take you back in history and you'll start punching your screen in a while.

Opera One (version: 117.0.5408.39) (arm64)
MacOS 13.4.1

Thank you