detail.target "{selector}" matched no element; details will not be shown.

Warnings reference › detail.target:*

Identifier

detail.target:*

Raised by

The grid (rendering)

Since

1.4.0

What happened

The detail panel was told to render into an element chosen by selector, and the selector matched nothing. No detail is shown when a row is expanded. Silence here would look exactly like a detail that fails to open, and the cause is not visible from the grid at all.

The fix

Check the selector against the document, or pass the element itself rather than a selector. An element created after the grid is a common cause.

The smallest fix

createGrid(el, { detail: { target: document.querySelector('#detail') } });

Reference

Covered in full at the API reference.