Topic: material select opening position
Hi,
In your examples related to material select, when there is no room in the bottom of the page to open the list, the system opens the list in an upwards direction as shown below:
Nevertheless, when used in angular, it seems that this is not the case:
I have closely followed your examples and tried to investigate the behavior as well, but it seems that your examples are not angular, but jquery and demonstrated as angular. I cannot see any "ng-" prefixes in the inspect element of your examples. It seems in your examples, that while the dropdown is opened, a calculation takes place to define the position of the dropdown, which is not the case in my angular project.
Nevertheless, can you please help me on the above?
Kind Regards,
Stefanos
Nevertheless, when used in angular, it seems that this is not the case:
I have closely followed your examples and tried to investigate the behavior as well, but it seems that your examples are not angular, but jquery and demonstrated as angular. I cannot see any "ng-" prefixes in the inspect element of your examples. It seems in your examples, that while the dropdown is opened, a calculation takes place to define the position of the dropdown, which is not the case in my angular project.
Nevertheless, can you please help me on the above?
Kind Regards,
Stefanos FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Damian Gemza staff commented 7 years ago
Dear Stefanos, We're serving our live examples based on jQuery because it's caused by technical limitations. Our whole website is based on WordPress, and we're selling technologies such as Angular, Vue, React, jQuery. Examples of those technologies have to be written in jQuery. About your problem case: Please try to add styles .dropdown-content { top: -96px !important } to your global stylesheet. This should cause your dropdown opens up. We'll think how to upgrade it in our next releases. Best Regards, Damian