Tailwind CSS 项目中使用 headlessui 的 Menu 组件点击时样式出现问题

Tailwind CSS 项目中使用 headlessui 的 Menu 组件点击时样式出现问题

我的一个个人博客，使用了 headlessui 的一个下拉菜单组件，当我点击时，我注意到窗口内的内容动了下而且滚动条消失了，随后f12我发现 html 标签多了两个样式
overflow: hidden; padding-right: 15px

下面是修复的一个方法，就是单独添加覆盖的样式

html {
  padding-right: 0px !important;
  overflow-y: scroll !important;
}