Trainer for frontend technologies, podcaster [@workingdraft](https://twitter.com/workingdraft).

Peter Kröner

* Full issue name: **Hyperactive DOM**
* Status: `FATAL`
* Related to: JavaScript in the pattern library
* Summary: the pattern library's DOM did not stop updating after the load event
* How to fix: fix the scripts in your pattern library

The DOM in the pattern library did not stop updating for over 10 seconds after
the load event, which is when Warhol gave up waiting. Fix the scripts in your
pattern library or defer the `load` event to fix this error.


The pattern library's DOM did not stop updating after loading

docs/getting-started/basic-concepts/content.md

Basic concepts

JavaScript Development.
[@workingdraft](https://twitter.com/workingdraft),
[@nightlybuildio](https://twitter.com/nightlybuildio)

Hans Christian Reinl

docs/getting-started/get-account/content.md

Register an account

docs/getting-started/get-extension/content.md

Get the browser extension

docs/getting-started/create-pattern-library/content.md

Create a pattern library

docs/getting-started/use-the-extension/content.md

Debug with the extension

Get help and support

Getting started

docs/configuration/patternLibUrl/content.md

Pattern Lib URL

docs/configuration/breakpoints/content.md

Breakpoints

Components

Theme

docs/configuration/theme-colors/content.md

Theme.Colors

docs/configuration/theme-typography/content.md

Theme.Typography

docs/configuration/theme-icons/content.md

Theme.Icons

Utils

Configuration

docs/snapshot-issues/ambiguous-component-example/content.md

An element matches more than one component source selector

Ambiguous component example

docs/snapshot-issues/color-element-not-found/content.md

Color source element not found in the pattern library

Color element not found

docs/snapshot-issues/color-property-not-declared/content.md

A color property that was configured as a source is not declared

Color property not declared

docs/snapshot-issues/component-not-found/content.md

Component not found

docs/snapshot-issues/empty-utility-rule/content.md

A style utility rule contains no declarations

Empty utility rule

docs/snapshot-issues/feature-not-supported/content.md

A Warhol feature is currently not supported

Feature not supported

docs/snapshot-issues/hyperactive-dom/content.md

Hyperactive DOM

docs/snapshot-issues/icon-source-not-found/content.md

Icon source element not found in the pattern library

Icon source not found

docs/snapshot-issues/inaccessible-style-sheet/content.md

Warhol was unable to process style sheets in the pattern library

Inaccessible style sheet

docs/snapshot-issues/inconsistent-component-styles/content.md

Component element styles are not consisitent

Inconsistent component styles

docs/snapshot-issues/inconsistent-utility/content.md

Utility element styles are not consistent

Inconsistent utility

docs/snapshot-issues/invalid-color-property/content.md

A non-color property was defined as a theme color property

Invalid color property

docs/snapshot-issues/invalid-color-source-selector/content.md

The selector for color sources is not a valid CSS selector

Invalid color source selector

docs/snapshot-issues/invalid-component-selector/content.md

The selector for a component source is not a valid CSS selector

Invalid component selector

docs/snapshot-issues/invalid-icon-source-selector/content.md

The selector for an icon source is not a valid CSS selector

Invalid icon source selector

docs/snapshot-issues/invalid-layout-mode/content.md

An invalid value was used in a layout-mode directive

Invalid layout mode

docs/snapshot-issues/invalid-must-match-selector/content.md

A selector in a must-(not)-match directive is not a valid CSS selector

Invalid must-match selector

docs/snapshot-issues/invalid-options/content.md

Invalid options were passed to the snapshot function

Invalid options

docs/snapshot-issues/invalid-typography-source-selector/content.md

The selector for a typography source is not a valid CSS selector

Invalid typography source selector

docs/snapshot-issues/invisible-typography/content.md

Typography examples contain no visible text

Invisible Typography

docs/snapshot-issues/no-colors-found/content.md

Failed to read colors from the pattern library

No colors found

docs/snapshot-issues/non-unique-component-selector/content.md

Warhol is not quite sure about a component match in the pattern library

Non-unique component selector

docs/snapshot-issues/no-typography-found/content.md

Failed to read typography data from the pattern library

No typography found

docs/snapshot-issues/typography-not-explicitly-declared/content.md

Typography not explicitly declared

docs/snapshot-issues/unstyled-utility-example/content.md

Unstyled utility example

docs/snapshot-issues/unsupported-rule/content.md

Warhol does not understand on or more CSS rules on the page

Unsupported rule

docs/snapshot-issues/utility-not-found/content.md

Utility not found

Snapshot issues

docs/directives/must-not-match/content.md

Require elements to (not) match specific css selectors

must-match/must-not-match

Relex Warhol's style checking for element dimensions and positioning

layout-mode

Directives

Conforms

docs/report-types/excess-declarations/content.md

Unexpected CSS declarations on a component or child element

Excess declarations

docs/report-types/excess-pseudo-element/content.md

Excess pseudo element

docs/report-types/hybrid-child/content.md

Hybrid child

docs/report-types/hybrid-component/content.md

Hybrid component

docs/report-types/illegal-typography/content.md

Illegal typography

docs/report-types/illegal-value/content.md

Invalid values on a non-component element

Illegal value

docs/report-types/inaccessible-stylesheet/content.md

Warhol was unable to process style sheets on the page

docs/report-types/invalid-ignore-list-selector/content.md

A selector in the ignore list is not a valid css selector

Invalid ignore list selector

docs/report-types/invalid-must-match-selector/content.md

A selector in a must-match or must-not-match directive is not a valid css selector

docs/report-types/missing-declarations/content.md

Missing declarations

docs/report-types/missing-pseudo-element/content.md

A pseudo element is missing from this element

Missing pseudo element

docs/report-types/must-match-violation/content.md

A selector in a must-match directive does not match or a selector in a must-not-match directive does match

Must-match violation

docs/report-types/non-conforming-typography-expected/content.md

Typography on this element conforms to the component snapshot, but not to the theme's typography rules

Non-conforming typography expected

docs/report-types/non-conforming-value-expected/content.md

Values on this element conform to the component snapshot, but not to the theme

Non-conforming value expected

docs/report-types/non-unique-component-selector/content.md

Warhol had to guess to identity a component

No errors on a component or component child

docs/report-types/unexpected-child/content.md

Unexpected child

docs/report-types/unexpected-value/content.md

A wrong CSS value that also violates the theme

Unexpected value

docs/report-types/unsupported-rule/content.md

Warhol does not understand a CSS rule on the page

Unsupported CSS rule

docs/report-types/unsupported-value/content.md

Unsupported CSS value

docs/report-types/unsure-match/content.md

Warhol had to guess to identity this child element

Unsure match

docs/report-types/wrong-priority/content.md

Wrong priority

Wrong value

Report types

All about organisations and how to add members

Organisations

Application

How to serve a pattern library from your local machine

How to use pattern libs on localhost?

How is interactivity dealt with?

docs/faq/specified-vs-computed/content.md

why does Warhol sometimes not show the original CSS values as they appear in my style sheets?