A helpful popover
Open the panel, then click outside or press Escape to dismiss it. Tab moves through its links and close button.
THE BROWSER CAN DO MORE
A little interaction. No extra runtime.
Try a popover, open a dialog, or walk through a confirmation. These examples use native HTML and ordinary Go form handlers.
A panel that stays open
A manual popover stays visible when you click elsewhere. Use its Close button or toggle this opener again.
A focused dialog
The browser manages the modal backdrop and focus. Try Escape, the Close button, and reopening it.
Keep your place.
The breadcrumb trail above shows the current page. The dashboard uses ordinary pagination links to preserve search, status, and sorting across pages.
Try the paginated dashboardTry it with your keyboard.
- Tab to an opener, then press Enter or Space.
- Inside the modal, Tab should remain within the dialog. Close it and check that focus returns to its opener.
- Press Escape on the automatic popover or dialog. Close the manual popover explicitly.
- Disable JavaScript and repeat the confirmation flow.
Dialog openers use newer native browser commands. If an opener does nothing, use the ordinary-page confirmation link. Browsers without popover support may show the panels inline.