问题标签 [popper]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
31 浏览

vue.js - 选择菜单项时如何关闭 Popper 上下文菜单?

在选择项目时找不到关闭上下文菜单的方法,使用Popper。不过,这似乎是一个基本功能,我错过了什么吗?

我唯一看到的是“隐藏”事件,但它是事件而不是方法。

0 投票
1 回答
101 浏览

vue.js - 偏移修改器将部分弹出框推到视口之外(Popper)

offset: '0,-30px'在我的 Popper 修改器中使用。它可以工作,但现在我的弹出框在某些情况下不适合视口。令人讨厌的是,要么 Popper 应用偏移量,要么确保 popover 适合视口,但不能两者兼而有之。

offset在 Popper 仍然确保 popover 适合视口的同时,有什么方法可以完成这项工作?(基本上告诉 Popper 应用偏移,除非这样做会产生视口适合问题)

0 投票
0 回答
40 浏览

css - 如何获取popper tooltip的placement属性?

我正在使用 popper.js,我想根据工具提示位置更改其他元素的一些 css 属性。当我从浏览器的控制台检查 html 元素时,我看到了该属性,所以我首先尝试使用 javascript 并document.querySelector("#popper-popup").dataset.popperPlacement;没有显示任何内容,然后我尝试使用 jQuery $("#popper-popup").attr("data-popper-placement");,同样!最后使用$("#popper-button").has("> #popper-popup[data-popper-placement^='bottom']").css("background","red");什么也没发生。当我检查codepen的控制台时,placement属性不存在......谁能解释一下,我怎样才能得到工具提示的位置。感谢 codepen popper 弹出窗口

0 投票
0 回答
56 浏览

javascript - MUI data-grid-pro 展开单元格渲染器

我正在尝试使用扩展单元格渲染器示例

1:使用data-grid-pro时文档中提供的https://mui.com/components/data-grid/columns/#RenderExpandCellGrid.js 。在我添加固定列后,它开始表现得很奇怪:

  1. 对于固定列,popper 显示在单元格下方:cut-off popper
  2. 当我移过单元格时,我移过的所有行都保持选中状态:3 个选定行

我正在寻找一种解决方案来实现列固定和展开单元格渲染器

0 投票
0 回答
99 浏览

c# - 在 .NET 4.8 上的 ASP.NET MVC Web 应用程序中安装 Bootstrap 5

我正在尝试更新 .NET 4.8 上的 ASP.NET MVC 应用程序以使用 Bootstrap 5.1。

我按照以下步骤操作:

  1. 生成 ASP.NET Web 应用程序 (.NET Framework) 应用程序。
  2. 使用 NuGet 包管理器将 Bootstrap 从 3.4.1 版更新到 5.1.3 版
  3. 使用 Add/Client-Side Library / jsdelivr 安装 popperjs/core@2.11.2
  4. 创建一个 ScriptBundle 到 popperjs/core@2.11.2
  5. 更改_Layout.cshtml

BundleConfig班级:

_Layout.cshtml

_Layout.cshtml

使用捆绑包时,我收到以下错误消息:

System.NullReferenceException:对象引用未设置为对象的实例

如果我使用bootstrap.bundle.min.jscdn,它工作正常。

如果我使用 popper/core 和 bootstrap.min.js cdn 它不起作用。

我不知道为什么它不适用于捆绑包?以及如何解决这个问题?

0 投票
1 回答
21 浏览

angular - 如何在 Angular 13 中使用 PopperJs 2

我添加了 PopperJS 2.11 作为依赖项。然后我尝试在 AppComponent 中使用 Popper,但我不确定如何调用 Popper 的实例。这是我的代码:

app.component.html:

app.component.ts:

但在控制台中我有:createPopper.js:209 Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.

0 投票
0 回答
7 浏览

popper.js - 有没有办法与多个目标共享 popper.js popper?

我正在制作一个由多个元素触发的工具提示。每个触发元素都会更改工具提示中的小细节。然而,我的问题是,有没有办法创建一个可以由多个元素触发的工具提示?