Skip to content

IgrTile hides entire header when disableFullscreen and disableMaximize are both true #118

@Tailbeg116

Description

@Tailbeg116

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

  1. Render an IgrTile with both disableFullscreen and disableMaximize set to true.
  2. Provide a title via the title slot.
  3. 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

No one assigned

    Labels

    🐛 bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions