@karthicksndr I don't know whether you found a solution, but changing 'null' to 'false' in the autocomplete object did the trick.
Courtesy of a commenter on YouTube (not from me):
The autocomplete list object was being populated correctly serverside (logs showed {bob=null, fred=null, jane=null} etc. but clientside, I was suddenly retrieving an empty object {}. After a LOT of headscratching, it seems something has changed with the way "null" is handled. Previously this worked:
options[v[0]] = null;
As of today (well, for me anyway, who knows how long it's been happening given server upgrades etc.) I need to use:
options[v[0]] = false;
Hope this helps!
I'm having trouble initializing new select elements. Basically I'm adding select elements to the DOM when a user clicks a button. I've tried re-initializing all selects, I've tried initializing just the selects that are added, but the 'new' ones never work. Here's a js fiddle of the code I've got (without the fixes I tried...). https://jsfiddle.net/AJLeonardi/szt1enob/23/
18 replies
I'm hoping someone out there has an easy fix. thanks!
is anyone there
Iam trying to create a website where iam using materialize css. there I used a slider with 2 images. and text animation on those 2 images. now here what i want is a layer between the image and the text on both slides. and that layers should be transparent
Hi. I have a
It seems the
<select> element with a few AngularJS directives including ng-disabled and ng-change. When I initialize the <select> using const elems = document.querySelectorAll('select');
const instances = M.FormSelect.init(elems, {});It seems the
<select> is permanently set to whatever the value of ng-disabled was. However, ng-change continues to work.
Hello. I'm working on a Ruby On Rails app with the Materialize gem, and I'm having difficulty solving an issue. I have two identical select menus on my page that are part of different ruby generated forums. Whenever I use the select menu twice on one page, neither instance appears
Hi, when using the multiple property on a select we notice that the placeholder remains after selecting options. Is there a way to remove this when an option is selected. The same way as single select?
We read that there is a fix for this and it looks like it is implemented but still dosn't work.
Hi, i have this problem in my database, with the date picker, the date data is corrupted
Hello guys! I'm developing a landing page for a personal project and I can't do a carousel/slider
I copy/paste this example https://materializecss.com/carousel.html#special but don't work for me
2 replies
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comunidad.es — La plataforma de tu comunidad</title>
<link rel="stylesheet" href="materialize/css/materialize.min.css">
</head>
<body>
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo">Logo</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#">Visión</a></li>
<li><a href="#">Equipo</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
</nav>
<div class="carousel carousel-slider center">
<div class="carousel-fixed-item center">
<a class="btn waves-effect white grey-text darken-text-2">button</a>
</div>
<div class="carousel-item red white-text" href="#one!">
<h2>First Panel</h2>
<p class="white-text">This is your first panel</p>
</div>
<div class="carousel-item amber white-text" href="#two!">
<h2>Second Panel</h2>
<p class="white-text">This is your second panel</p>
</div>
<div class="carousel-item green white-text" href="#three!">
<h2>Third Panel</h2>
<p class="white-text">This is your third panel</p>
</div>
<div class="carousel-item blue white-text" href="#four!">
<h2>Fourth Panel</h2>
<p class="white-text">This is your fourth panel</p>
</div>
</div>
<script>
var instance = M.Carousel.init({
fullWidth: true,
indicators: true
});
</script>
<script src="materialize/js/materialize.min.js"></script>
</body>
</html>
Hello everyone,
I am Ashish .Currently I am in 2nd year of my BTech degree. I am new to open source contribution but I am well aware of C/C++, python, HTML5, CSS, javascript, nodejs & a little in shell scripting. I would love contribute but could you please tell how to get started ?
I am Ashish .Currently I am in 2nd year of my BTech degree. I am new to open source contribution but I am well aware of C/C++, python, HTML5, CSS, javascript, nodejs & a little in shell scripting. I would love contribute but could you please tell how to get started ?
Hello. I used Tabs to divide the file into a tab for using and a tab for managing.
When the file is small, 400px is not a problem, but when the file is large, it is cut off at 400px.
So, when I increase the px, the file comes out, but if I increase it too high, it scrolls and it looks bad.
I tried using height auto or 100% but it didn't work.
What should I do?
When the file is small, 400px is not a problem, but when the file is large, it is cut off at 400px.
So, when I increase the px, the file comes out, but if I increase it too high, it scrolls and it looks bad.
I tried using height auto or 100% but it didn't work.
What should I do?
@fcoterroba <script>document.addEventListener('DOMContentLoaded', function () { M.Sidenav.init(document.querySelectorAll('.sidenav')); M.Tabs.init(document.querySelectorAll('.tabs'), { 'swipeable': true }); });</script>
Edit the code below to insert your sliders using only JavaScript without jQuery!
I ran into another problem.
A dropdown option? that opens when you open the datepicker and select a year or month I am trying to modify the width of .
This is because left and right scrolling occurs.
If the width value is set to auto, it is just right.
How do I fix it?
It cannot be found because it is applied as element style.
What part of js do I need to modify?
A dropdown option? that opens when you open the datepicker and select a year or month I am trying to modify the width of .
This is because left and right scrolling occurs.
If the width value is set to auto, it is just right.
How do I fix it?
It cannot be found because it is applied as element style.
What part of js do I need to modify?
Hi all, I need help
how can i get value of chips
someone plz help us to get chip values
alert(JSON.stringify(M.Chips.getInstance($('.chips')).chipsData))
1 reply
try this
thanks me later
Hello. I observe problems with SELECT on the site. The problem is that SELECT doesn't work correctly the first time.
The selection menu opens with the second click