Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Wai Jun
15
Igx-Overlay breaks when Single Select ComboBox Component is opened
posted

Hi Infragistics Team,

I encounter a problem when attaching an IgxOverlayService (on the left) while a Single Select ComboBox Component is opened, the overlay of the Dropdown Component is sent to background as below. The Dropdown Component cannot be closed anymore. I have tried calling the detachAll() function, but it does not help in this situation.

Thank you very much in advance!

Best regards,

Wai Jun

Parents
No Data
Reply
  • 0
    Offline posted

    Hello Wai Jun,

    Thank you for sharing the issue you're facing with the IgxOverlayService and the Single Select ComboBox Component. I apologize for the inconvenience this has caused.

    Based on the information you've provided, it seems like there might be a conflict between the overlay of the ComboBox component and the overlay created by the IgxOverlayService. This could be causing the ComboBox dropdown to be sent to the background, making it unable to be closed.

    Here are a few suggestions that might help resolve this issue:

    Manage the Overlay Stacking Context: You can try to manage the stacking context of the overlays by setting the zIndex property of the IgxOverlayService and the ComboBox component. This will ensure that the ComboBox dropdown is always on top of the IgxOverlayService.

    // In your component
    constructor(private overlayService: IgxOverlayService) {}

    ngOnInit() {
    this.overlayService.attach(myOverlayRef, {
    positionStrategy: new GlobalPositionStrategy(),
    scrollStrategy: new CloseScrollStrategy(),
    modalBackdrop: true,
    closeOnOutsideClick: true,
    zIndex: 1000, // Set a high zIndex to ensure the overlay is on top
    });
    }

    Edited by slope 1 day ago

Children
No Data