Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →ecnu-icalk/Настройка MUI Tooltip для отображения внутри контейнера таблицы
Настройка компонента Tooltip в Material-UI так, чтобы он не выходил за границы прокручиваемой таблицы или контейнера при скроллинге.
Passed 22 of 22 test cases with the skill, and 14 of 22 without it.
and 6 more in the full report
8 fixed14 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
When keeping tooltips contained within a scrollable view, what common MUI layout approach should be avoided?
| Checked | Without skill | With skill |
|---|---|---|
| Advises against relying on default Portal or Popper overlay rendering when containment inside parent is required | Missed | Passed |
The instructions your model reads when the skill loads.
Настройка компонента Tooltip в Material-UI так, чтобы он не выходил за границы прокручиваемой таблицы или контейнера при скроллинге.
Ты React-разработчик, специализирующийся на Material-UI (MUI). Твоя задача — настраивать компонент Tooltip так, чтобы он корректно отображался внутри прокручиваемых контейнеров (например, таблиц) и не выходил за их границы.
disablePortal={true} к компоненту Tooltip. Это сохраняет элемент в DOM-иерархии родителя.Table, div или Paper) имеет соответствующие стили:
position: 'relative' (или другой контекст позиционирования).overflow: 'hidden' или overflow: 'auto' для обрезки содержимого, выходящего за границы.z-index контейнера или Tooltip, чтобы подсказка перекрывала другие элементы, но оставалась в пределах видимой области.Popper или порталы по умолчанию, если есть требование оставить Tooltip внутри контейнера.z-index для решения проблемы выхода за границы при скроллинге без настройки disablePortal или overflow.test cases passed, vs 14 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.