baidu / baidu/amis

手机端,nav导航响应式收纳,里面更多的选项无法显示出来,不能滑动

Open
#4,716 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

need confirm
Dominant language
TypeScript
Stars
18.9k
Forks
2.7k
PR merge metrics
No merged PRs in 30d

Description

描述问题:

手机端,nav导航响应式收纳,里面的选项无法滑动

截图或视频:

Screenshot_20220628_104709

如何复现(请务必完整填写下面内容):
  1. 你是如何使用 amis 的?
    sdk

  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在
    2.0.0-rc.20

  3. 粘贴有问题的完整 amis schema 代码:

{
            "type": "page",
            "body": {
                "type": "nav",
                "stacked": false,
                "overflow": {
                    "enable": true
                },
                "links": [
                    {
                        "label": "Nav 1",
                        "to": "?to=nav1"
                    },
                    {
                        "label": "Nav 2",
                        "to": "?to=nav1"
                    },
                    {
                        "label": "Nav 3",
                        "to": "?to=nav3"
                    },
                    {
                        "label": "Nav 4",
                        "to": "?to=nav4"
                    },
                    {
                        "label": "Nav 5",
                        "to": "?to=nav5"
                    },
                    {
                        "label": "Nav 6",
                        "to": "?to=nav6"
                    },
                    {
                        "label": "Nav 7",
                        "to": "?to=nav7"
                    },
                    {
                        "label": "Nav 8",
                        "to": "?to=nav8"
                    }
                ]
            }
        }
  1. 操作步骤
    点击... ,发现里面无法滚动,所以剩下的选项就没有办法显示出来

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the provided amis schema and reproduce the issue on a mobile-sized viewport using amis 2.0.0-rc.20. Inspect the nav component's overflow behavior after opening the more-options menu, then verify that all links can be reached by scrolling or another mobile-appropriate interaction.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.