angular 将溢出属性值从可见更改为滚动

y53ybaqx  于 5个月前  发布在  Angular
关注(0)|答案(1)|浏览(47)

描述你遇到的问题

内容溢出无法滚动

输入出现问题的主题的URL

https://angular.dev/tutorials/learn-angular

描述你在文档中寻找的内容

this link 中点击 console 标签,内容会溢出,原因是在 _xterm.scss 中定义的以下CSS:

.xterm-screen {
  padding: 10px;
  box-sizing: border-box;
  overflow: visible !important;
  height: 100% !important;
  width: 100% !important;
}

应该改为:

.xterm-screen {
  padding: 10px;
  box-sizing: border-box;
- overflow: visible !important;
+ overflow: scroll !important;
  height: 100% !important;
  width: 100% !important;
}

否则可能需要 oveflow-y: scroll !important;

描述导致你遇到问题的行为

  • 无响应*

描述你希望解决这个问题后能体验到的功能

  • 无响应*

如果有截图可以更好地说明问题,请添加

  • 无响应*

如果这个问题导致了异常或错误,请在这里粘贴

  • 无响应*

如果这个问题是特定于浏览器的,请指定设备、操作系统、浏览器和版本

  • 无响应*

在这里尽可能详细地提供任何其他信息

  • 无响应*
k4ymrczo

k4ymrczo1#

看起来overflow-y: auto !important应该可以解决问题。我将发起PR。

相关问题