javascript - Internet explorer re-sizing elements as page is updated -
my problem internet explorer issue. have element, block, css:
md-card{ min-width: 80%; background-color: #fff; }
and element full of data elements consisting of icon , text. each 1 either file or folder, , clicking folder navigates folder's contents.
these elements using data binding , dynamically updated when click folder (so removes current contents , replaces data opened folders new contents) , reason causes problem in ie
the md-card
element despite having min-width
set 80% sometimes squash down inch big on screen when folder opened. happens instant, , resizes, , sticks. resizing page cause resize intentded width.
i thinking weird interaction between angularjs , ie i'm wondering if issue has encountered or , ideas on why happening.
edit: on further inspection seems involve min-width: 80%
attribute. changing min-width: 600px
eliminates problem.
the problem internet explorer bugging figured out solution please add line md-card css sheet . mentioned block , consider .
md-card{ display: block ; /*add line*/ min-width: 80%; background-color: #fff; }
internet explorer not intelligent chrome or firefox , default display:inline ; therefore layout problem occurs .
Comments
Post a Comment