code cells not rendering properly on Android via github

[klaff]

The bottom line of a code cell is being cut off when viewed in Chrome or Firefox on Android.

See https://klaff.github.io/android_display_bug_MWE.html for simple test page.

[pankgeorg]

So, the problem here is that the div.CodeMirror-sizer is supposed to have its inline styles adjusted by javascript. That obviously doesn't happen in the static version.

The thing is, CodeMirror says they're experimental on mobile browsers, which is weird.

I'll try to sketch something up but - to set expectations - it may be difficult to work for any case.

[klaff]

A not-too-obnoxious workaround is to include a blank line at the end of each code cell. I updated my MWE above to have a cell without and a cell with the extra line.

P. S. Καλά Χριστούγεννα!

[pankgeorg]

Well, I've opened a PR #805 with a possible solution (loads CodeMirror in again in the export to do the height management correctly)

Happy holidays!

[fonsp]

linked to #823

[pankgeorg]

@fonsp for the HTML export part, this PR exists #805.
If we go another way we should close it!

[pankgeorg]

also seems to handle the linked issue (823)

[fonsp]

Fixed by the wonderful @pankgeorg !!!! Will be released in the next version