henrychavez/materialize-tags

Tags not bottom aligned in input text field

twhetzel opened this issue · 2 comments

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;
}

Having this issue too...using latest version of materializecss.

ignore that, forgot to include the css file. all good now.