Stack Overflow
Stack Overflow

Questions tagged [mdc-components]

Questions about Material Design Components (MDC) by Google, including MDC-Web, MDC-Android, MDC-IOS, and MDC-Flutter.

Material Components provide a reliable development environment for apps and websites across Android, iOS, and the web. Components are updated as the Material Design system evolves, ensuring consistent pixel-perfect implementation and adherence to Google’s front-end development standards, such as internationalization and accessibility support.

162 questions
0
votes
1 answer

MDC: drawer.open is not initialized when browser's back button is clicked

I want to use drawer. I wrote the basic code such that when user clicks nav button, the drawer.open is toggled (i.e. true, false, true, false, ...). However, if user goes to other page by clicking a link in drawer menu and comes back by clicking…
user4550164
0
votes
1 answer

MDCTextInputControllerOutlined does not align text

I am trying to use MDCTextField https://material.io/develop/ios/components/textfields/ . I need it to be the same as an example. But I always get the result as in the picture. I've already tried controller.textInsets(UIEdgeInsets(top: 16, left:…
Kirk_hehe
  • 449
  • 7
  • 17
0
votes
1 answer

material design drawer issue

i have a codepen in which there is a dismissible drawer with top app bar component which on resizing to 598px width the top app bar width decreases from 64px to 56px but when using @media query to align it the drawer is not aligning please can you…
Bhavya Singh
  • 311
  • 2
  • 14
0
votes
1 answer

Make Helper Text Appear Below MDC Text field

I am having an issue where the helper text for a text field is not appearing below the text field. It appears to the far left. It should actually be like the following image: The HTML and CSS for my page is as follows: html, body { height:…
user3248346
0
votes
2 answers

ChangeTextInputLayout Title Color

I have migrated my project to androidX and using the new material theme with material design component. I was able to use new Outlined style for my TextInputLayout, Currently it is showing title in white color. I tried setting style to…
karan
  • 8,637
  • 3
  • 41
  • 78
0
votes
0 answers

Material Design Component scrolling tab not scrolling

I am using mdc-tab-scroller in my vue.js application. I want to have the scroll behaviour as in here under the section of "scrolling tabs". Have tried different approaches but don't know how to get it working. This is my very first experience with…
Learning Curve
  • 1,449
  • 7
  • 30
  • 60
0
votes
1 answer

MDC Textfield Boxes Not Rendering Properly

I have created a simple MDC Card with some MDC Textfield buttons on it. However the textfield boxes are not rendering properly. As you can see from the image below, there are gaps in the top right and left corners. Below is my code:
user3248346
0
votes
1 answer

How to remove the dismiss keyboard action on tapping outside MDCTextField

I am trying to use an MDCTextField and a table view together. The MDCTextField filters the table view, then the user should tap a cell and the keyboard should dismiss and the table view should be hidden. The issue is that the keyboard dismisses and…
jimmyruby
  • 73
  • 9
0
votes
1 answer

How to draw MDC checkbox tickmark from template using svg file instead of using svg element directly in markdown

Yash Agrawal
  • 51
  • 2
0
votes
1 answer

How to import Material Design Components into Progressive Web App Starter Kit?

I want to use Material Design Component: Lists into my Progressive Web App Starter Kit. So... npm install @material/list Now what? All I can think to do is import { MDCList } from '@material/list/dist/mdc.list.css' or
Let Me Tink About It
  • 15,156
  • 21
  • 98
  • 207
0
votes
1 answer

How to use MDC component in a AngularDart web app

I would like to integrate this MDC form in my web app. I’m using AngularDart (5.0.0-beta+1). Here there is the npm line command to install this component (npm install @material/form-field). Is there some way to use it in a AngularDart web…
Marco
  • 593
  • 8
  • 23
0
votes
0 answers

How to MDC web with a backend? (node.js backend file)

MDC web components use Webpack for rendering the website. I want to use a proper node.js backend while using MDC in the HTML (.ejs) files that it serves. How am I supposed to use MDC and a node.js backend together in a project? MDC web docs don't…
Dustbin Saves you
  • 116
  • 1
  • 8
0
votes
1 answer

Capybara poltergeist not executing the mdc webpack application.js file

I have a rails 5 running application. I am using mdc components for styling. I have a javascript function that calls new mdc.mdcTextFeild(.....) This works perfectly fine in a browser environment. But while testing using capybara with poltergeist…
Raghav Raman
  • 134
  • 2
  • 9
0
votes
1 answer

How to implement angular-mdc-web in .NET Core Angular VS2017 Template

I'm trying to get angular-mdc-web to work with the vs2017 .net core angular template. So far without luck. the ripple effect of the buttons are strange while clicking the button, the button gets completely white when sizing chrome, the click…
lod
  • 3
  • 3
1 2 3
…
10
11