remove usecases of popover with timeout (#34795)

files/en-us/web/api/popover_api/using/index.md

@@ -152,71 +152,6 @@ document.addEventListener("keydown", (event) => {
 
 See our [Toggle help UI example](https://mdn.github.io/dom-examples/popover-api/toggle-help-ui/) ([source](https://github.com/mdn/dom-examples/tree/main/popover-api/toggle-help-ui)) to see the popover JavaScript properties, feature detection, and `togglePopover()` method in action.
 
-## Dismissing popovers automatically via a timer
-
-Another common pattern in JavaScript is dismissing popovers automatically after a certain amount of time. You might for example want to create a system of "toast" notifications, where you have multiple actions underway at a time (for example multiple files uploading), and want to show a notification when each one succeeds or fails. For this you'll want to use manual popovers so you can show several at the same time, and use {{domxref("setTimeout()")}} to remove them. A function for handling such popovers might look like so:
-
-```js
-function makeToast(result) {
-  const popover = document.createElement("article");
-  popover.popover = "manual";
-  popover.classList.add("toast");
-  popover.classList.add("newest");
-
-  let msg;
-
-  if (result === "success") {
-    msg = "Action was successful!";
-    popover.classList.add("success");
-    successCount++;
-  } else if (result === "failure") {
-    msg = "Action failed!";
-    popover.classList.add("failure");
-    failCount++;
-  } else {
-    return;
-  }
-
-  popover.textContent = msg;
-  document.body.appendChild(popover);
-  popover.showPopover();
-
-  updateCounter();
-
-  setTimeout(() => {
-    popover.hidePopover();
-    popover.remove();
-  }, 4000);
-}
-```
-
-You can also use the {{domxref("HTMLElement.beforetoggle_event", "beforetoggle")}} event to perform a follow-up action when a popover shows or hides. In our example we execute a `moveToastsUp()` function to make the toasts all move up the screen to make way each time a new toast appears:
-
-```js
-popover.addEventListener("toggle", (event) => {
-  if (event.newState === "open") {
-    moveToastsUp();
-  }
-});
-
-function moveToastsUp() {
-  const toasts = document.querySelectorAll(".toast");
-
-  toasts.forEach((toast) => {
-    if (toast.classList.contains("newest")) {
-      toast.style.bottom = `5px`;
-      toast.classList.remove("newest");
-    } else {
-      const prevValue = toast.style.bottom.replace("px", "");
-      const newValue = parseInt(prevValue) + 50;
-      toast.style.bottom = `${newValue}px`;
-    }
-  });
-}
-```
-
-See our [Toast popover example](https://mdn.github.io/dom-examples/popover-api/toast-popovers/) ([source](https://github.com/mdn/dom-examples/tree/main/popover-api/toast-popovers)) to see the above example snippets in action, and full comments for explanation.
-
 ## Nested popovers
 
 There is an exception to the rule about not displaying multiple auto popovers at once — when they are nested inside one another. In such cases, multiple popovers are allowed to both be open at the same time, due to their relationship with each other. This pattern is supported to enable use cases such as nested popover menus.