reactjs / reactjs/react.dev

Mobile in-app browser navigation glitching

未关闭
#656 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

主要语言
JavaScript
星标
11.8k
派生
7.9k
平均合并
1 天 11 小时
30 天内合并 PR
11

描述

Opened up an article inside the Reddit in-app browser and noticed some funky glitching in the navigation.

Issue
On open, the nav starts half-scrolled, and then on scroll you can see the bottom of the text going behind the navigation.

On mobile Chrome, Safari, and Firefox, the same thing happens- where if the user scrolls inside the nav, the content behind it scrolls- you just can't see it in these browsers due to correct screen positioning of the nav. The in-app browser seems to force the nav to have some kind of margin at the bottom.

bug-f

This definitely could also be a gatsby problem, reddit mobile problem, in-app browsers as a whole problem, or this particular site problem. I also never throw out the possibility of it being a problem with my own device. I'll poke around and see what I can find.

Sidenote: I also have a CSS hack fix that prevents background content from scrolling when the user scrolls in the nav. I'll open a new issue for that if that's wanted.

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

首先,在 Reddit 应用内浏览器中复现导航行为,并将其与移动版 Chrome、Safari 和 Firefox 进行比较。检查网站的导航和 CSS,然后验证导航的位置是否一致,以及在其中滚动时不会显示或移动其背后的内容。

由索引模型根据 Issue 内容生成。

评估

技术栈
css, javascript, react
领域
frontend, web-dev
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
28/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。