Hi.

 

I have come across a problem with the jQuery UI accordion widget on Windows Phone 8, IE 10. I have been trying to debug or work around this for a couple of days and thought I could ask if someone else has seen it and perhaps even knows a solution. :)

 

It seems to boil down to the following: if you put an accordion widget with autoheight/default inside a container div that has a width set via CSS, then there appears an additional unnecessarily large bottom margin in all content divs. That margin grows with the number of paragraphs in a single content div. The problem seems limited to Windows Phones or IE10 mobile. The accordion looks fine on desktop browsers and other devices.

 

Any hint would be greatly appreciated.

 

-jerry