Invalid HTML in TD class="grid-groupboxlabel"" element causing IE rendering issues/warnings

yudi — Mon, 19 Dec 2016 02:30:55 GMT

This problem has been forwarded to WebGrid development team. The report is filed under ASPNET-409.

I'll keep you updated with any news I heard from the team regarding ASPNET-409.

Sorry for any inconvenience this problem may have caused you.

Invalid HTML in TD class="grid-groupboxlabel"" element causing IE rendering issues/warnings

mdearman@libera.com — Fri, 16 Dec 2016 14:16:07 GMT

It appears the WebGrid has a rendering issue where its rendering a second double quote when outputting the grid-groupboxlabel element.

I can reproduce this in http://www.intersoftsolutions.com/WebGrid/#live, First Experience also

WebGrid 10.0.7200.24

I have screenshots I shared with Yudi in email, but are difficult to paste into here.

Reproduction Steps:

Open IE 11.0.9600.18378
Open IE Developer Toolbar
Load http://www.intersoftsolutions.com/WebGrid/#live, First Experience
Use the ‘Select Element’ option to select the group by box.
Look at the output of the TD element – it is really rendering as class=”grid-groupboxlabel”” (2 double quotes).

IE has tried to fix the rendering it as: <td title="" class="grid-groupboxlabel" id="tdGBBInfo_ctl00_content_WebGrid1" "="">Drag a column header here to group by that column.</td>
The original source was <td id="tdGBBInfo_ctl00_content_WebGrid1" class="grid-groupboxlabel"">Drag a column header here to group by that column.</td>

Looking from Fiddler at the output of FirstExperience.aspx, you can see the invalid HTML output.

In our application however, IE is a little more aggressive with throwing an error instead of just fixing the DOM, as highlighted in yellow in the screenshot below.

HTML1423: Malformed start tag. Attributes should be separated by whitespace.

File: pdqdisplay.aspx, Line: 164, Column: 9798

HTML1409: Invalid attribute name character. Attribute names should not contain ("),('),(<), or (=).

File: pdqdisplay.aspx, Line: 164, Column: 9798

Intersoft Community - WebGrid Enterprise - Invalid HTML in TD class="grid-groupboxlabel"" element causing IE rendering issues/warnings

Invalid HTML in TD class="grid-groupboxlabel"" element causing IE rendering issues/warnings

Invalid HTML in TD class="grid-groupboxlabel"" element causing IE rendering issues/warnings