Tags not bottom aligned in input text field
twhetzel opened this issue · 2 comments
twhetzel commented
I'm using Materialize Tags with jQuery and Materialize. Are there any known issues with compatibility? The tags are displayed above the input text field. Here are my imports and code.
<!-- Import jQuery -->
<link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet">
<!-- Materialize CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
<!-- Materialize Tags CSS -->
<link rel"stylesheet" href="./static/css/materialize-tags.css">
<!-- Import jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script>
<!-- Materialize Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<!-- Materialize Tags Input -->
<script src="./static/js/materialize-tags.js"></script>
HTML
<div class="mapped-resource">
<input type="text" value="Amsterdam,Washington,Sydney,Beijing,Cairo" data-role="materialtags" />
</div>
CSS
div.mapped-resource input {
vertical-align:bottom;
}
phinett commented
Having this issue too...using latest version of materializecss.
phinett commented
ignore that, forgot to include the css file. all good now.