Anything within Something that has a nerd you can't be selected. So why would they even show it on the body at all because then that would make the entire ApplicationYeah, that doesn't make any sense unless you were like what's higher than than the body right? Let me see a browser UI was opening up, but then does that maybe perhaps let me let me check on something really quick I'm looking at another example on Stefan Judas and he's got a really cool mini map for the website in Firefox apparently there's a custom selector that will allow you to kind of take pseudo screenshots in Firefox. That's cool but his example is putting it on an actual div itself and that makes
In this Hasty Treat, Scott and Wes talk through the differences between modals, popups, popovers, lightboxes, and dialog boxes.
Show Notes
const showButton = document.getElementById('showDialog'); const favDialog = document.getElementById('favDialog'); const outputBox = document.querySelector('output'); const selectEl = favDialog.querySelector('select'); const confirmBtn = favDialog.querySelector('#confirmBtn'); // "Show the dialog" button opens the modally showButton.addEventListener('click', () => { favDialog.showModal(); }); // "Favorite animal" input sets the value of the submit button selectEl.addEventListener('change', (e) => { confirmBtn.value = selectEl.value; }); // "Confirm" button of form triggers "close" on dialog because of [method="dialog"] favDialog.addEventListener('close', () => { outputBox.value = `ReturnValue: ${favDialog.returnValue}.`; });
Tweet us your tasty treats