Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

Assignees
raheeliftikhar5
Labels
ComponentsDedicated to Frontend Visual ComponentsJavascript FrontendPull requests that update Javascript code
@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 theMobile 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 aHorizontal 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

Projects

Status

📋 Backlog

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions


    [8]ページ先頭

    ©2009-2025 Movatter.jp