Disabling the development mode popup

As i frequently open the Vaadin application we’re developing in a private window, this thing always pops up.

Is there a way to prevent it from showing at all ?
image.png

Not using a private window

Meh, owkay :neutral_face:

You can create a ticket about this. I think that would be good to have a configuration to enable/disable the devtools.

https://github.com/vaadin/flow/issues/18350 it’s possible but sometimes a little quirky

Thanks, I created https://github.com/vaadin/flow/issues/18533

The easy workaround would be to hide it with CSS

@yummy-rhino I tried that actually, but it seems this element is in the shadow dom and thus not accessible? At least with standard css selectors I don’t seem to be able to target the div holding the popup.

vaadin-dev-tools {
display:none;
}```
is working but will disable the entire devtools

You can’t change the css of something inside the vaadin-dev-tools (except CSS variables).

I don’t think there is a plan to disable only this specific popup

Thanks, i’ve added a note to the github ticket.

The JChristophe thing is the first I do in a new project. The dev-thing is always on top of the action-button in a mobile interface :stuck_out_tongue:

Do you use a browser plugin or something to do this automatically ?

You can add a media query so it’s hidden on small screens and visible for desktop. But that’s a valid usecsse :slightly_smiling_face: