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:

  1. create simple .aspx file in visual studio 2013
  2. create parent container div visible border.
  3. create 2 child divs sized 200px x 200px.
  4. add property display:inline-block; child divs
  5. add line-height property child divs such line-height:22px;.

expected results: in design-time, parent container div should wrap around both child divs

actual results: in design-view parent container div collapse behind child divs right-click file , select "view in browser", parent container div renders expected

notes:

  1. if remove line-height property parent container div behaves normally
  2. if leave line-height , change display:inline-block; float:lefts , clear them parent container behaves well.
  3. 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

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -