Hello Muhammad,

I have been looking into your question, however, I'm not sure I understood your requirement and exact scenario completely. In case your requirement is related to the igx-dropdown component opening animations and timing to synchronize with your notch in your app, I should note that by design the igx-dropdown uses the transform css property to translate the opening of the component by Y axic with defined pixels and duration. In the style.scss file, you can reset the transform property or create a custom one with specific orientation, duration and timing function in the igx-toggle class, which is responsible for the transformations when the dropdown opens.

In addition, I have prepared a small sample illustrating my suggestion which could be found here. Please test it on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve, please feel free to modify it and send it back to me along with steps to reproduce. Alternatively, if the behavior cannot be replicated, please feel free to provide your own sample.

Please do not hesitate to contact me if you need any further assistance with this matter.

Regards,

Georgi Anastasov

Entry Level Software Developer

Infragistics