Menu icon Foundation
Input group not vertically aligning correctly

The input group sometimes does this.

 

I have tried creating a minimal working example to see if any other code in my project might be interfering but that does not appear to be the case. The code of the minimal version I made is as below

 

<html>

<header>

	{% load static %}

	<link rel='stylesheet' href="{% static 'foundation/css/foundation.min.css' %}" type='text/css' />

	<script src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
	<script src="{% static 'foundation/js/vendor/what-input.js' %}"></script>
	<script src="{% static 'foundation/js/vendor/foundation.min.js' %}"></script>

</header>

<body>

	<div class="input-group">
		<span class="input-group-label">+</span>
		<input name="mail" maxlength="255" id="id_mail" type="text">
		<div class="input-group-button">
			<input type="submit" value="Invite" class="button" />
		</div>
	</div>

	<script>
		$(document).foundation();
	</script>

</body>

</html>

input-group

The input group sometimes does this.

 

I have tried creating a minimal working example to see if any other code in my project might be interfering but that does not appear to be the case. The code of the minimal version I made is as below

 

<html>

<header>

	{% load static %}

	<link rel='stylesheet' href="{% static 'foundation/css/foundation.min.css' %}" type='text/css' />

	<script src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
	<script src="{% static 'foundation/js/vendor/what-input.js' %}"></script>
	<script src="{% static 'foundation/js/vendor/foundation.min.js' %}"></script>

</header>

<body>

	<div class="input-group">
		<span class="input-group-label">+</span>
		<input name="mail" maxlength="255" id="id_mail" type="text">
		<div class="input-group-button">
			<input type="submit" value="Invite" class="button" />
		</div>
	</div>

	<script>
		$(document).foundation();
	</script>

</body>

</html>
iOS man 12 months ago

Im in love with your content and also gain some knowledge from your blog.

https://appvalleyandroid.com

https://192-168-l-254-ip.com

https://psiphonapp.com

iOS man 12 months ago

 

Love your blog man. Thanks for this stuff.

https://tweakbox-app.co

https://tweakbox-app.org

https://gameguardianapp.com