sl-dialog prevent from closing

[nichoth]

In the docs, we see

To keep the dialog open in such cases, you can cancel the sl-request-close event. When canceled, the dialog will remain open and pulse briefly to draw the user’s attention to it.

That works, but I would like to prevent the user from clicking the "close" button as well, by totally removing the 'x' button. The context — this is a choice that must be made, and clicking 'x' is a habitual action, and implies that the choice is reversible or not important.

The suggested solution is to add an attribute like cannot-close that removes the 'x' button.

[KonnorRogers]

@nichoth I don't know about @claviska , but personally these little style choices start to get out of hand depending how granular they get to be.

For something like this, it's pretty easy to hide the close button by targeting it with sl-dialog::part(close-button)

and do something like this:

sl-dialog::part(close-button) {
  display: none;
}

https://codepen.io/paramagicdev/pen/JjQYqza?editors=1000

[nichoth]

Thanks. Today I learned about the ::part selector.

[claviska]

Keep in mind users can still press escape to exit the dialog. The correct way to prevent it from closing is with the event.