`Mat-select in mat-pagination is behaving abnormally` = `mat-pagination中的mat-select行为异常`

huangapple go评论71阅读模式
英文:

Mat-select in mat-pagination is behaving abnormally

问题

我已经创建了一个项目,用户需要执行CRUD操作并在表格中查看输出。一切都正常工作,但有时mat-paginator中的mat-select开始表现异常。我已经制作了多个项目,但从未见过这种问题。请参考这个视频(注意红色方框区域)。

我已经检查了我的其他项目,以匹配Angular Material和Angular版本,但发现一切都相同。

我期望的是不应该发生这种情况。另外需要注意的是,这并不是同时发生在项目中的所有表格上。

英文:

I have made a project where an user needs to perform CRUD operation & see the output in a table. Everything is working fine here but sometimes the mat-select in the mat-paginator starts behaving abnormally. I have made multiple projects but never ever saw this type of issue. Please see this video for reference (focus on the red squared area).

I have checked my other projects to match the Angular material & Angular version but found everything is same.

What am expecting is this should not happen. Also on a side note, this is not occuring for all tables in the project in same time.

答案1

得分: 2

我注意到在进行了一些深度级别的调试并查看了每个组件的CSS文件后,我发现我为视频中打开的对话框编写了以下CSS。移除它后问题得以解决。

::ng-deep .mat-form-field-wrapper {
    padding-bottom: 0 !important;
}
英文:

After some deep level debugging & looking at the CSS files of each component, I notice that I wrote the below CSS for the dialog that's opening in the video. Removing that fixed the issue.

::ng-deep .mat-form-field-wrapper {
    padding-bottom: 0 !important;
}

huangapple
  • 本文由 发表于 2023年2月6日 21:27:41
  • 转载请务必保留本文链接:https://go.coder-hub.com/75361913.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定