white dots are appearing once MathJax has converted latex to html

[cjohn001]

I am current working with MathJax is 1.0.0-beta.1. My webpage has a transparent background as I am using it as a webview overlay in a Nativescript application. I am seeing white points on the top of the page.

The problem is, that divs are generate with a size of 1px X 1px and a background color of white. The div has class="MJX_LiveRegion" set. Would it be possible to set style="background-color: transparent" ?

[cjohn001]

Here is the temporary workaround. Put this into the page header

 <style>
         .MJX_LiveRegion {
            background-color: transparent !important;
         }
        .MJX_HoverRegion{
           background-color: transparent !important;
         }
         .MJX_ToolTip{
            background-color: transparent !important;
        }
  </style>

[dpvc]

@zorkow, can you look into this? Can the unopened divs either have no background color (and put the background white on .MJX_LiveRegion.MJX_LiveRegion_Show for example), or be 0px wide and tall initially so they don't cause the white pixels as reported above?

[soegaard]

This issue was closed without reference to a specific commit handling the problem.

I am seeing the same issue:

Is the fix in version 4?

[dpvc]

The issue is still open. Issue #3026 was closed by the issue author, as it was marked as a duplicate of this one.

Yes, the fix is in v4. Once v4 is out, we may back port some commits to v3.

[soegaard]

I confused the two. Good to hear it is fixed in version 4.

The workaround posted in this thread worked.