appsmithorg / appsmithorg/appsmith

[Bug] Tabs widget broken on mobile/fluid width

Open
#3,835 3 comments 0 reactions 0 assignees View on GitHub
Bug Community Reported Low Production Query Widgets & IDE Pod safari Tab Widget Widgets & Accelerators Pod Widgets Product
Dominant language
TypeScript
Stars
40.9k
Forks
4.8k
Avg merge
1d 22h
Merged PRs (30d)
45

Description

## Description

On a mobile device, the Tabs widget can't be switched, since the tabbar is missing. Also, the content inside the tabs is cut off.

### Steps to reproduce the behaviour:
1. Create a new project
2. Switch to Fluid Width
3. Drag a Tabs widget into the canvas (Optionally add a text widget to one of the tabs and enter some static text)
4. Deploy the page
5. Open on mobile (I tried iOS 14.2 Safari)
6. Tabs can't be switched (controls are not visible). Tab content is cut off. Might be related to #3415.

### Important Details
- Version: Cloud
- OS: Edited on Windows, viewed on iOS 14.2
- Browser: Chrome 89

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.