-
Notifications
You must be signed in to change notification settings - Fork 4
Open
Labels
🐛 bugSomething isn't workingSomething isn't working
Description
Description
When using the Ignite UI IgrTile component, setting both disableFullscreen={true} and disableMaximize={true} causes the entire tile header (including the title) to be hidden.
This is unexpected behavior. The header and title should always remain visible, and only the corresponding action buttons should be hidden.
Expected Behaviour
- The tile header and title are always rendered.
- Only the fullscreen and maximize action buttons are hidden when their respective
disable*properties are set.
Actual Behaviour
- When both
disableFullscreenanddisableMaximizearetrue, the entire header section is hidden, including the title.
Steps to Reproduce
- Render an
IgrTilewith bothdisableFullscreenanddisableMaximizeset totrue. - Provide a title via the
titleslot. - Observe that the tile header and title are not rendered.
Example
<IgrTile disableFullscreen={true} disableMaximize={true}>
<span slot="title">Tile 1</span>
<div>Content for Tile 1</div>
</IgrTile>Observed DOM
<section part="header" hidden>
<header part="title">
<slot name="title"></slot>
</header>
<section id="tile-actions" part="actions">
<slot name="actions"></slot>
</section>
</section>The hidden attribute is applied to the entire header, instead of only the actions container.
Environment
- Ignite UI for React
- Browser: Chrome / Edge (reproducible in all tested browsers)
Additional Context
If IgrTileManager is configured with:
<IgrTileManager dragMode="tile-header" />Dragging the tile becomes impossible when both actions are disabled, because the header (drag handle) is not rendered.
Suggested Fix
The header container should always be rendered.
Only the actions section should be conditionally hidden based on disableFullscreen and disableMaximize.
Metadata
Metadata
Assignees
Labels
🐛 bugSomething isn't workingSomething isn't working