White "Shadows" in Code Tags?

Hey,

Just upgraded my MacPro to MacOS Mojave (Beta) and all of a sudden I'm seeing white "shadows" in the code tag HTML (see below img):

Is anyone else seeing this?

If not, I will assume it is a "beta thing" with the Mojave Beta and not worry about it.

Hmm.

Works OK when I upgrade my MacBook Air to Mojave; but I'm running that on a standard monitor.

My issue is when I am on my 34" gaming monitor on a MacPro.

I assume no one else has the problem but me!?

Ever since more or less a year we have these what was called "scroll bars" then. They never worked / scrolled. Before there were thin lines as borders of code tags (which better suited me).

Screenshots of problems / issues?

Exactly what RudiC said, I get (non-working) scroll bars shown on the edges of code tag boxes. You are seeing those areas in white but otherwise exactly the same.

I see..... I only see those on my MacPro, not on any other of my machines.

I guess it's best to remove the scrollbar CSS directives since they don't work in code tags?

1 Like

This issue was discussed sometime ago (I think involving Scott) and, perhaps I'm wrong on this, involving the issues with the Thanks button.

I'm searching forums to try and find the previous conversation. If I find it I'll post here.

First, I removed the scroll:

<style>
pre {
   overflow:scroll;
   margin:2px;
   padding:15px;
   border:3px inset;
   margin-right:10px;

}
</style>
<br />
<br />
<div class="smallfont" style="margin-bottom:2px;">$vbphrase:</div>

<pre class="alt2">$code</pre></div><br />

Now:

<style>
pre {
   overflow:none;
   margin:2px;
   padding:15px;
   border:3px inset;
   margin-right:10px;

}
</style>
<br />
<br />
<div class="smallfont" style="margin-bottom:2px;">$vbphrase:</div>

<pre class="alt2">$code</pre></div><br />
3 Likes

Yep, scroll bars gone!! Confirmed.

Much better for me (Linux 6 desktop with Firefox 52~ish)

Yep, that fixed my problem as well. Yay!

Me too. Yay!

It turns out that "none" is not a CSS property, so I tried this:

<style>
pre {
   overflow:hidden;
   margin:2px;
   padding:15px;
   border:3px inset;
   margin-right:10px;

}
</style>
<br />
<br />
<div class="smallfont" style="margin-bottom:2px;">$vbphrase:</div>

<pre class="alt2">$code</pre></div><br />

Seems I got some extra usefulness for buying a MacPro on my trip to the US.

At least i finally saw the scrollbar issue which I could never see before, LOL.

1 Like

Currently bbcode HTML / CSS is:

<style>
pre {
   overflow:hidden;
   margin:2px;
   padding:15px;
   border:1.2px solid;
   margin-right:10px;

}
</style>
<br />
<br />
<div class="smallfont" style="margin-bottom:2px;">$vbphrase:</div>

<pre class="alt2">$code</pre></div><br />

Thanks - ugly non-working "scroll bars" gone! Way better looking now.

1 Like

Thanks.

My bad. Until I (just today) installed OSX Mojave on my "new" MacPro (a 12 core, 64GB work-horse of a machine, BTW), I never saw the problem since it never appeared on any of my other machines or browsers.

Glad it is fixed!

OBTW, I still see another problem!?

The checkboxes on a number of forms are missing, for example, in the "Post Icons" block in this reply page.

Is anyone else seeing this kind of problem? If so, please post a screen shot and the link.

Thanks.

1 Like

If I 'Go Advanced' for this reply, all looks normal to me and I can post this message with a icon. All seems fine to me.

Robin

Good to hear.

I have a problem on MacOS Mojave Beta (with other websites too, not only unix.com ) with all browsers but on all other computers, everything looks and works OK.

Update:

This problem only appears on MacOS Mojave Beta running Google Chrome.

It's OK with Safari.

I have reported this bug to Apple via the Beta program feedback app.

Update:

This issue was also mentioned on Reddit with a quick fix:

Radio buttons and Checkboxes not working on Chrome on MacOS Mojave

Also, I can confirm that the "Mojave Checkbox-Fix" Chrome Extension by hansknoechel92 also provides a working quick bandaid for this problem.

1 Like

@neo.........regarding your original post#1, if the scroll bars have now been removed what will happen if someone posts a very wide or very long code segment within code tags? If there are no scroll bars at all will the display look right and will all the code be able to be viewed?