mui / mui/base-ui

[preview card] Reduce bundle size with "interestfor" API?

Open
#4,586 0 comments 0 reactions 0 assignees View on GitHub
component: preview card on hold performance
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

## Summary

Considering that the platform has* ([experimental at this date](https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement/interestForElement)) a built-in feature for this component https://developer.mozilla.org/en-US/docs/Web/API/Popover_API/Using_interest_invokers: `interestfor`, a developer might wonder: can't we simplify this component down to be lighter?

The answer is probably no, but it feels like having a space for the community to shine in could be great.

With this native feature, a lot is configured via CSS, for example #3519, solved with:

```css
[interestfor] {
interest-delay-start: 0.3s;
}

.parent:has(:interest-source) [interestfor] {
interest-delay-start: 0s;
}
```

## Examples in other libraries

- /
- https://youtu.be/5hdpXy5-eds?si=YtJTk8cPo_wG3_yx&t=736

## Motivation

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.