---
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
---

# Singleton Manager: Example Fail

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-fail>Loading App...</demo-app-fail>

<div id="overlay-target" style="margin-top: 50px;"></div>

```js script
import './demo-app.js';
```