问题标签 [material-components-web]

我正在尝试通过涟漪效应在网络上实现Material Design FAB。

我有以下虚拟 HTML：

这是SCSS：

这是JS：

单击第一个按钮时，我可以在第一个按钮上正确显示波纹效果，但是由于某种原因，随后的任何按钮都不会出现波纹。

换句话说，涟漪效应似乎只适用于第一个元素，而不适用于它之后的元素。有谁知道我做错了什么？

我正在尝试使用Material Components for web的多个选择来实现材料设计Select Component。但我找不到任何相同的选择。

选择代码。[文档]

我们如何更改它以支持列表或下拉列表或允许多选的相同组件中的多项选择？

我为 MDC 滑块（https://material.io/develop/web/components/sliders）创建了一个 DOM 元素。

它看起来不错（除了颜色）。它有效，但我真的不知道如何初始化它。

我从 CDN 导入 MDC。我无法从文档中了解如何进行初始化。这是一个有效的版本：

没有setTimeout它是行不通的。

我尝试过使用 Promise 并稍等片刻。那是行不通的。

甚至可能更糟：如果我在 setTimeout 之后使用 Promise 等待，它就不再起作用了。

发生了什么事，我该怎么做？

我不使用 ts。而且我不使用任何包处理程序。只是普通的 JavaScript。（如果文档首先涵盖了这个用例，我会很高兴。）

（这里似乎只有一个关于 MDCSlider 的问题。它没有涵盖我的问题：实际使用基础和适配器类的 mdc-components）

编辑：“从 CDN 导入”是指此处提到的设置：https ://material.io/develop/web/docs/getting-started

没有 JavaScript 错误。只是屏幕上的滑块不起作用。（看起来没问题，但它不起作用。）

我认为这是 MDC 和 DOM 状态的问题。上面链接中的示例表明 DOM 已准备好，但它并没有这么说。并且它没有解释在使用 JavaScript 操作 DOM 时如何检查这一点。

我正在使用material-components-web v8.0.0处理页面，并且无法使用键盘导航我的 mdc-select 元素的选项。向上箭头时只选择第一个选项，向下箭头时只选择最后一个选项。无法选择介于两者之间的任何选项。

在 Chrome、Firefox 和 Opera 中尝试过。

选择标记（根据文档中的示例标记制作）：

我的源导入：

我的初始化代码（打字稿）：

浏览器控制台中没有相关的错误消息。

我试图解决的问题：添加了所有属性等，如文档中的；用新关键字实例化；添加更多选项，偶数和奇数

不支持选择选项中的箭头导航，还是我做错了什么？我真的无法从谷歌或 mdc 问题中得到有用的东西。不过，我可能忽略了一些东西。

谢谢你的帮助。

我有一个使用 create-react-app v4.0.1 创建的基本 React 'hello world' 应用程序

当我导入谷歌的材料 SASS 时，我收到以下错误：

我尝试将节点mudules添加到路径

我尝试在 import 语句中添加一个 ~

根据MDC Web's docs 的main.scss要求，我有这两行代码。

然后，我有这个 Gulp 任务将我main.scss的文件转换为单个build.css文件。main.scss当我删除上面的两行时，我的文件编译得很好。

我得到的错误如下。

我的 Gulp 任务如下。

我gulp-dart-sass用来编译.scss文件。如何修复错误？

我在我的网站中使用了材料组件输入。我创建了两个相同的输入。这是我的所有代码：

但只是我的第一个输入工作正常（当我点击时标签移动到顶部）。第二个似乎没有这样的效果：

什么是问题？谢谢。

我发现您可以使用 SASS mixin 设置 MDC Web 的填充文本字段的高度@include height(20px)。但是，在使用所述 SASS mixin 设置高度时，显示的浮动标签就会消失。

进一步检查，它似乎设置为display: none. 当我手动将其设置为 时display: block，它不能正确浮动并且离输入文本太近。

如何使文本字段的高度更小，但仍能正确显示浮动标签？

我将在具有自定义主题的 PHP 应用程序中使用 Material Design For Web。我正在寻找有关如何使用我的自定义主题变量预编译 JS 和 CSS 的说明，以便我可以像使用 CDN 一样拉入 js 和 css。似乎 CDN 确实提供了一些自定义主题颜色选项，但没有一个看起来像我正在寻找的，这就是为什么我要创建自己的预编译 css 和 js 文件

使用自定义主题变量进行预编译的步骤是什么，以便我可以拥有一个 dist css 和 js 文件？

我有一个 RMWC Button 元素，我想在icon触发 onClick 事件时更改属性。

更具体地说，我试图让按钮在单击按钮时停止加载：P