`responsive` doesn't work if a parent has padding and `min-width: min-content`
未关闭
还没有人认领这个 Issue。
bug
P2
- 主要语言
- JavaScript
- 星标
- 18.3k
- 派生
- 2k
- 平均合并
- 2 天 12 小时
- 30 天内合并 PR
- 28
描述
steps to reproduce:
- open this fiddle https://jsfiddle.net/rhdq9ynu/5/
- use ctrl+mousewheel to zoom out to 30%
- use ctrl+mousewheel to zoom back in to 100%
- notice that the plot now overflows its parent and the home icon in the top is no longer visible.
before
after
The key is this CSS:
#app {
padding: 0px 100px;
& > * {
min-width: min-content;
}
}
If you remove either the padding or the min-width everything works fine.
Both min-content and fit-content are buggy.
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
从链接的 JSFiddle 开始,使用所示的 padding 和 min-width CSS 重现缩放序列。未指定任何仓库文件或测试;当绘图始终位于其父元素内,并且缩放回 100% 后 home 图标仍然可见(包括使用 min-content 和 fit-content 时),即视为完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- css, javascript
- 领域
- data-visualization, frontend
- Issue 类型
- 缺陷
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 45/100