Missing CSS tags and prop gap in FF no toolbar

I add here that when I choose the version 2.X in SH settings, I have no gap and the toolbar almost works. The second button (copy) doesn’t show up. It happens in all browsers :

https://postimg.org/image/s40t7fekt/

Personally, I added the missing tags in shBrushCss.js file and it makes pretty good. The problem is prefix and @keyframes. I tryed to add -webkit- and/or webkit but it don’t work.

Here is a screenshot of my theme and my “missing tags” problem : https://i.imgur.com/jSJ1Bjw.png

Sorry for double post but here is my test with all tags/values I added for the css: https://www.mwanoz.fr/wordpress-syntax-highlighter-theme-spacegray/.

I still don’t know how to add selectors like headings or pre, sub, table, etc…

I’m also seeing a gap in a test site that is using Bootstrap in Firefox. It seems to be coming from the vertical-align: baseline in my case on the td.code. Not sure how I’m going to go about overriding that at this point since everything has an !important on it.

Ah, in my case it’s because the plugin uses the .container class, which is of course one of the main structure classes in Bootstrap. Adding the following to my CSS worked for me in Firefox:

table td.code .container:before{ display: block; }

Thx Bjorn ?? You should make a pull request to change the class ^^

I made 2 pull requests on Github on Syntax Highlighter and Syntax Highlighter Evolved to add the missing tags. For selectors like “pre”, the “headings” etc … we must change the core of the plugin but I have no idea how to do :/