问题标签 [mdc-components]

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 回答
148 浏览

ios - 如何在 MDCTextField 外部点击时删除关闭键盘操作

我正在尝试同时使用MDCTextField和表格视图。过滤表视图,然后MDCTextField用户应该点击一个单元格并且键盘应该关闭并且表视图应该被隐藏。问题是在表格视图注册单元格被点击之前,键盘关闭并且表格视图被隐藏。如何在注册点击之前MDCTextField注册一个单元格被点击?

0 投票
1 回答
2717 浏览

html - MDC-Web 选择组件

我正在尝试使用 unpkg 将MDC Web 组件添加到我的网站,并且在实现时遇到了一个问题,我并排使用了两个选择元素。问题是从第一个选择元素中选择一个选项时,元素略微向下移动并且从第二个选择元素中选择选项时,第一个元素被移动到之前的位置。我无法理解为什么会发生这种情况。在我的 HTML 中,我只包含了材料 Web 组件的 css 和 js 文件。

0 投票
1 回答
2333 浏览

html - 将图标添加到 MDC 卡

我需要在 MDC 卡的标题前添加一个图标,如图所示(标签 2)。但是,根据 MDC 设计,我不知道正确的 HTML。这是我到目前为止的卡片的 HTML 代码:

MDC卡

有人可以指出我要添加的正确 HTML 吗?MDC 文档不是很清楚。

0 投票
1 回答
1606 浏览

html - MDC 文本框无法正确呈现

我创建了一个简单的 MDC 卡,上面有一些 MDC 文本字段按钮。但是,文本框无法正确呈现。从下图可以看出,右上角和左上角有空隙。下面是我的代码:

在此处输入图像描述

0 投票
2 回答
1116 浏览

android - 未找到属性chipText

我正在使用 Google 为 Android 发布的 Material Design Component library 中的 Material Chips。但是当我更新com.google.android.material:material到 version时1.0.0-rc01,我开始在下面的行中收到错误。

我得到的错误是找不到属性chipText。

我试过用它替换它,android:text="@string/chip_morning"但它仍然不起作用

0 投票
0 回答
126 浏览

android - 程序类型已经存在 - Material Design 组件库和 AndroidX

我正在编写一个新的应用程序并且我正在使用AndroidX它,因为它似乎是从现在开始的最佳方式。

我在尝试聚在一起时遇到了一些麻烦MDCAndroidX尽管我没有使用任何旧的支持库依赖项,但我不断收到有关android.support.v4.*命名空间的错误。

这些是我的级别build.gradle

我的模块级别build.gradle

我的gradle.properties

我错过了什么?

0 投票
2 回答
1090 浏览

javascript - 在 TextField 中键入不会使标签浮动

我用 Material Design 组件制作了一个表格。

我的 TextField 浮动标签在 AutoFill 填充输入时浮动,但在用户输入时不会浮动。

如您所见,既不通过 JavaScript 编辑字段,也不输入它们会使标签浮动。只有使用自动填充。此外,autoInit();似乎不起作用。

0 投票
1 回答
1775 浏览

polymer - Material Design Components 和 Polymer 的 Web Components 有什么区别?

材料.io

https://material.io/网站(Google 官方规范?),当我按照路径访问“Material Design UI”Web 组件时,我最终来到了这里:

https://github.com/material-components/material-components-web/

聚合物项目

https://www.polymer-project.org/网站,当我按照路径访问“Material Web Components”时,我最终来到了这里:

https://github.com/material-components/material-components-web-components

我不明白这些组件集之间的区别,但想将“官方”谷歌网络组件用于我正在创建的网络应用程序。

0 投票
0 回答
523 浏览

vue.js - 材料设计组件滚动选项卡不滚动

我在我的 vue.js 应用程序中使用 mdc-tab-scroller。我希望在“滚动选项卡”部分下具有滚动行为。尝试了不同的方法,但不知道如何使其工作。这是我对 vue.js 和材料设计组件的第一次体验,所以我真的不知道我是否走在正确的实现道路上。

0 投票
1 回答
1340 浏览

javascript - Chrome 扩展中的 Material Design Components Web

我有一个当前使用Material Design Components Web的 Chrome 扩展程序。我使用未缩小的 CSS 没有问题,但是 JS 似乎无法正常工作。

如果我使用源代码,则在关注文本字段时应该有一个动画,如示例所示,但我在我的扩展程序中没有遇到这种情况。

真的希望这不是 Chrome 的某种安全限制......他们的浏览器无法检测和支持他们自己的框架是没有意义的。

popup.html

“提示文本”应出现在文本上方,如上面的示例。

注意:我对 Material Design Lite 没有任何问题,但由于不再支持它,我想我会使用现代框架进行重建。