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: 600pxeliminates 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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -