Summary

Reduced the JavaScript bundle size. By optimizing the implementation of core component code, overall JavaScript sizes are reduced.

Breaking change

This is not a breaking change.

Related pull requests

Split from #5793, to simplify review.

Preview link

N/A

Problem statement

See #5793

Solution

Replace use of receptor/ignore with equivalent Node#contains condition.

The intended purpose is the same.

receptor.ignore:

Returns a delegated function that only calls the callback if the event's target isn't contained by the provided element. This is useful for creating event handlers that only fire if the user interacts with something outside of a given UI element.

Node#contains

The contains() method of the Node interface returns a boolean value indicating whether a node is a descendant of a given node, that is the node itself, one of its direct children (childNodes), one of the children's direct children, and so on.

Testing and review

To be totally honest, I'm not sure what this behavior is meant to control. References to js-search-button CSS class do not appear in any relevant Storybook stories or documentation.