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
disableFullscreen and disableMaximize are true, the entire header section is hidden, including the title.
Steps to Reproduce
- Render an
IgrTile with both disableFullscreen and disableMaximize set to true.
- Provide a title via the
title slot.
- 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.
Description
When using the Ignite UI
IgrTilecomponent, setting bothdisableFullscreen={true}anddisableMaximize={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
disable*properties are set.Actual Behaviour
disableFullscreenanddisableMaximizearetrue, the entire header section is hidden, including the title.Steps to Reproduce
IgrTilewith bothdisableFullscreenanddisableMaximizeset totrue.titleslot.Example
Observed DOM
The
hiddenattribute is applied to the entire header, instead of only the actions container.Environment
Additional Context
If
IgrTileManageris configured with: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
disableFullscreenanddisableMaximize.