Skip to content

[Feat]: Three enhancements for a Tabbed Container #1291

Open
@vsnshanmuganathan

Description

@vsnshanmuganathan

Feature 1: Tab headers are not sticky when scrolling. Please implement a switch to enable or disable sticky headers. This will prevent us from having to scroll to the top every time we want to switch between tabs.
https://github.com/user-attachments/assets/b307c19d-503d-4460-b75f-d24ef6adaada

Feature 2: Make the tab heights fill the screen. We currently have a fixed height for the tabs, but since each user has a different device, we cannot set a specific height for the tabs. Instead, similar to the Mobile Navigation, we should adjust the height of the tabs container to fill the screen.

Feature 3: Please refer to the video below. If we have multiple tabs or if the tab names are longer, the three-dot icon becomes misaligned, and the click behavior does not function as expected. To address this, we should implement a Horizontal Scroll feature, or ensure that the three-dot icon remains fixed at the end of the tabs, in accordance with the tabbed container design.

Screen.Recording.2024-11-11.at.4.39.31.PM.mov

Attached Project File:

test (1).json

Metadata

Metadata

Labels

ComponentsDedicated to Frontend Visual ComponentsJavascript FrontendPull requests that update Javascript code

Type

No type

Projects

Status

📋 Backlog

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions