search

IgniteUI / igniteui-angular

Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
https://www.infragistics.com/products/ignite-ui-angular
Other
572 stars 161 forks source link

Calendar is not shown when it is child of from_fields css class #15005

Open dkalinovInfra opened 1 week ago

dkalinovInfra commented 1 week ago

Description

Calendar is not shown when it is child of from_fields css class.

Steps to reproduce

  1. Add div element with class form_fields
  2. Add calendar as it child
  3. Run the app

Result

Calendar is not visible.

Expected result

Calendar to be visible.

Attachments

Attach a sample if available, and screenshots, if applicable.
image

When overflow property is removed from form_fields calendar is visible:

image

dkalinovInfra commented 2 days ago

This is class that wraps calendar:

.form_fields {
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  gap: 16px;
  overflow: auto;
  flex-grow: 1;
  flex-basis: 0;
}
simeonoff commented 2 days ago

@dkalinovInfra This is an application-specific issue. It has to be handled by the offending application. If you want to ensure that all items are visible at all times, you have to either set the min-width/height of the item to fit-content, or not set the flex-basis to 0.