Currently, it has been observed multiple times that the options in the ino-select component extend beyond the visible area, causing them to be rendered outside the visible portion of the screen. This issue arises when the select is opened, and the options are displayed below another element, resulting in the generation of a scrollbar. The options do not overlap with other elements. It appears that there may be an error in calculating the available space when determining the height of the options. Additionally, it is desired that the options remain visible at all times, overlaying other elements and only allowing scrolling within the list.
Acceptance Criteria
[ ] Modifications are made to ensure that the opened options do not affect the height of any other container.
[ ] Options in the ino-select component remain visible at all times, overlaying other elements and allowing scrolling within the list only.
Description
Currently, it has been observed multiple times that the options in the ino-select component extend beyond the visible area, causing them to be rendered outside the visible portion of the screen. This issue arises when the select is opened, and the options are displayed below another element, resulting in the generation of a scrollbar. The options do not overlap with other elements. It appears that there may be an error in calculating the available space when determining the height of the options. Additionally, it is desired that the options remain visible at all times, overlaying other elements and only allowing scrolling within the list.
Acceptance Criteria
Example
https://drive.google.com/file/d/12jR6vGxyz8v4w4jwKyYW04c1cJGhCA-l/view?usp=drive_link