Certain styles causes table cells to not stretch to table boundary when dynamically changing content.

Issue #12724147 • Assigned to Bogdan B.

Details

Author
Jared W.
Created
Jul 12, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Consider a table with several (n) columns and rows and the following CSS:

table{
  border-collapse: separate;
  table-layout: fixed;
  width: 100%;
}

table:before {
  content: 'My Table'
}

When dynamically updating the table contents with fewer columns than (n), the renderer fails to draw the new table correctly.

Expected behavior:
Combined table columns should stretch to total the full width of the table.

Actual behavior
Table columns remain the same size as in the table prior to the update.

Interesting note: Checking and unchecking the content property of the :before pseudo element in developer tools triggers a correct redraw of the table.

See the JSFiddle here: https://jsfiddle.net/wwzcvmL7/7/

Attachments

1 attachment

Comments and activity

  • Changed Steps to Reproduce

    Changed Steps to Reproduce

    Changed Steps to Reproduce

  • Microsoft Edge Team

    Changed Assigned To to “Steven K.”

    Changed Assigned To to “Travis L.”

    Changed Assigned To to “Bogdan B.”

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

Sign in