Disabling the development mode popup

Flow
1

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

2

Not using a private window

3

Meh, owkay :neutral_face:

4

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

5

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

6

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

7

The easy workaround would be to hide it with CSS

8

@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.

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

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

11

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

12

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

13

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:

14

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

15

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: