angular-ui/ui-grid

Horizontal scrollbar appears in Firefox when display:flex; No autoresize related.

Open

#6,040 创建于 2017年2月24日

在 GitHub 查看
 (1 评论) (0 反应) (0 负责人)JavaScript (2,496 fork)batch import
Browser Firefoxgood first issue

仓库指标

Star
 (5,395 star)
PR 合并指标
 (30 天内没有已合并 PR)

描述

Hey,

When I put the grid in a Flex box in Firefox and there is a vertical scrollbar on the page, the grid shows a horizontal scrollbar that if moved, misalign the header cells with the row cells.

The most recent version also presents another bug when using a container with % instead of pixels.

http://codepen.io/anon/pen/peoBKZ

贡献者指南

研究方向
检查网格的 CSS 文件（可能是 ui grid.css 或类似文件）中的 overflow 属性和 flexbox 相关样式。在 Firefox 中测试 codepen 示例以复现问题。查找之前解决滚动条行为的提交或评论。考虑使用浏览器特定的 CSS 修复，如 overflow x:hidden 或调整宽度。
技术栈
javascriptcss
领域
frontend
议题类型
缺陷
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 小时
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
CSS FlexboxBrowser DevTools
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
70