css - Possible bug in Visual Studio when using "display:inline-block" & "line-height" together in design view -
code:
<%@ page language="vb" %> <!doctype html> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> #container{ border:4px solid red; box-sizing:border-box; } #block1,#block2{ display:inline-block; /*float:left;*/ vertical-align:top; text-align:center; font-size:18px; line-height:22px; width:200px; height:200px; } #block1{ background-color:activeborder; } #block2{ background-color:#808080; } </style> </head> <body> <div id="container"> <div id="block1"> block 1<br /> needs to<br /> have a<br /> few rows<br /> of text<br /> we<br /> can show<br /> our<br /> viewers </div><!-- --><div id="block2"> block 2 </div> <div style="clear:both;" /> </div> </body> </html>
description:
- create simple .aspx file in visual studio 2013
- create parent container
div
visible border. - create 2 child
div
s sized 200px x 200px. - add property
display:inline-block;
childdiv
s - add
line-height
property childdiv
s suchline-height:22px;
.
expected results: in design-time, parent container div
should wrap around both child div
s
actual results: in design-view parent container div
collapse behind child div
s right-click file , select "view in browser", parent container div
renders expected
notes:
- if remove
line-height
property parent containerdiv
behaves normally - if leave
line-height
, changedisplay:inline-block;
float:left
s , clear them parent container behaves well. - they view when viewed live in browser.
below result being filed bug report on microsoft connect:
greetings microsoft connect!
this notification generated feedback item: possible bug in visual studio when using "display:inline-block" & "line-height" in design view submitted @ themicrosoft connect site.
thank passing along issue us. evaluate feedback our customers submit, unfortunately cannot fix every item comes in. have evaluated issue submitted, , @ point, not anticipate releasing update it. if issue blocking using product, please contact our support via visual studio , support (http://msdn.microsoft.com/en-us/vstudio/cc136615.aspx) page on msdn.
you may receive general "feedback item updated" notification well, if other changes made microsoft.
thank using microsoft connect!
regards,
the microsoft connect team
microsoft admitted bug , goes on aren't interested in fixing peon myself. happens when create work-arounds instead of reporting bugs in volume............
Comments
Post a Comment