igniteui-angular-samples icon indicating copy to clipboard operation
igniteui-angular-samples copied to clipboard

Grid with Cascading Combos Sample template styling

Open damyanpetev opened this issue 7 months ago • 0 comments

Description

Combos in the cell look a bit odd when the cell is focused and some combos go outside the cell outline.

Steps to reproduce

  1. Open https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/cascading-combos#angular-grid-with-cascading-combos-sample-overview
  2. Click on the first combo to focus
  3. Observe the cell outline and the combo inside
  4. Select something from the first to enable the second combo
  5. Focus the second combo and again observe the cell outline

Result

None of the combos fill out the cell or look truly embedded (like they would if they were an edit template): image But the second and third column combos don't even fit in the cell and go outside the border on top: image

Expected result

Not sure what the intended design for this sample is, perhaps the box input inside the cell is intended, but at least the second part with the combo going outside the cell outline (possibly because those have a progress bar extra?) I think shouldn't happen.

Attachments

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

damyanpetev avatar Jul 22 '24 11:07 damyanpetev