# htmx.config.morphSkip
The `htmx.config.morphSkip` option is a CSS selector for elements to skip during morphing.
Matching elements won't be morphed. They stay exactly as they are.
**Default:** `undefined`
## Example
```javascript
htmx.config.morphSkip = ".no-morph";
```
```html
<meta name="htmx-config" content='{"morphSkip":".no-morph"}'>
```
## Usage
```html
<body hx-swap:inherited="innerMorph">
<div class="no-morph">
<!-- Never morphed. Stays frozen. -->
</div>
<div>
<!-- Morphed normally -->
</div>
</body>
```
## Use Cases
**Third-party widgets:**
Preserve complex widgets that manage their own state.
**Active animations:**
Skip elements with ongoing CSS or JavaScript animations.
**Client-side state:**
Protect elements with complex state that would be lost.
**Multiple selectors:**
```javascript
htmx.config.morphSkip = ".widget, .animated, custom-element";
```
Skip morphing for specific elements
The htmx.config.morphSkip option is a CSS selector for elements to skip during morphing.
Matching elements won’t be morphed. They stay exactly as they are.