input is not full width #1802
Description
Prerequisites
- I have read the Contributing Guidelines.
- I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.
What happened?
According to the documentation, I wrapped an ix-input (1) into a grid layout with row and col. See screenshot, the col has size 12 and spans the full width (2). In the HTML view, I see that the input (3) has width: auto and display: inline-block set. If I unset display it has full width, just as setting width: 100% would do.
What type of frontend framework are you seeing the problem on?
JavaScript
Which version of iX do you use?
2.7.0
Code to produce this issue.
<body class="theme-brand-dark">
<ix-application>
<ix-application-header name="Aperture: A Gateway for Local Development">
</ix-application-header>
<ix-content>
<ix-layout-grid>
<ix-row>
<ix-col size="12">
<ix-input type="text" id="tenant" required="false" name="tenant" label="Tenant" required></ix-input>
</ix-col>
</ix-row>
<ix-row>
<ix-col size="12">
<ix-button type="submit">Login</ix-button>
</ix-col>
</ix-row>
</ix-layout-grid>
</ix-content>
</ix-application>
<div>
</div>
<script type="module" src="/src/main.js"></script>
</body>