lion/docs/fundamentals/tools/singleton-manager/example-fail/index.md
Pavlik Kiselev 11bbc5fff5
feat: migrated the navigation metadata from inline MD title decorations to frontmatter
* feat: migrated the navigation metadata from inline MD title decorations to frontmatter

* fix: fixed frontmatter metadate for api-table MDs

* fix: fixed frontmatter eslint issue
2025-03-19 10:08:22 +01:00

32 lines
779 B
Markdown

---
parts:
- Example Fail
- Singleton Manager
- Tools
title: 'Singleton Manager: Example Fail'
eleventyNavigation:
key: Tools >> Singleton Manager >> Example Fail
title: Example Fail
order: 20
parent: Tools >> Singleton Manager
---
# Tools >> Singleton Manager >> Example Fail ||20
In this SPA (Single Page Application) demo you will be able to reproduce the issue.
1. Click on Page A
2. Click on `block`
3. Click on Page B
4. Click on `unblock` => nothing happens
5. Click on `block` => both overlays are now blocked
In an real application this would now mean that your users can no longer interact with your application.
<demo-app>Loading App...</demo-app>
<div id="overlay-target" style="margin-top: 50px;"></div>
```js script
import './demo-app.js';
```