<input type=button> does not follow normal table-display remapping -- Consecutive display: table-cell <input> are grouped into one cell, as sub rows

Confirmed Issue #3419500 • Assigned to Francois R.

Details

Created
Jul 1, 2015
Privacy
This issue is public.
Reports
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce

URL:

Repro Steps:

JSFiddle - http://jsfiddle.net/AlexandrAbakumov/w6rc8x15.

HTML:

<div class="form-group tabled-contents">
    <div style="display: table-row;">
        <input id="BodyContentPlaceholder_TxtCustomerId" type="text">
        <input id="BodyContentPlaceholder_BtnShowByCustomerId" type="submit" value="Show">
    </div>
</div>

CSS:

.tabled-contents {
    display: table;
    width: 100%;
}

.form-group input[type=text], .form-group input[type=submit] {
    display: table-cell;
    width: 200px;
}

Result: the second input is rendered under the first one.

Expected Results:

Every input with display: table-cell CSS style should not be rendered at the next line if there is enough space on the current one.

Actual Results:

Dev Channel specific:

No

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Christian F.”

      Changed Assigned To to “Rossen A.”

      Changed Assigned To from “Rossen A.” to “IE S.”

      Changed Status to “Won’t fix”

      Changed Title from “IE11 shows every HTML input element with display: table-cell CSS style at a new line” to “Consecutive display: table-cell <input> are grouped into one cell, as sub rows”

      Changed Assigned To from “IE S.” to “Francois R.”

      Changed Status from “Won’t fix” to “Confirmed”

      Changed Title from “Consecutive display: table-cell <input> are grouped into one cell, as sub rows” to “<input type=button> does not follow normal table-display remapping -- Consecutive display: table-cell <input> are grouped into one cell, as sub rows”

    You need to sign in to your Microsoft account to add a comment.

    Sign in