HTML tag highlight needs to be able to be overridden by find-match and selection background color.

[larz0]

To reproduce:

1. Paste <script type="text/javascript" src="js/bootstrap.min.js"></script> into HTML
2. Select a part of the code that we just pasted, notice the lack of blue highlight
3. Find "script" and notice that the find-match yellow highlight doesn't get applied

CC: @sathyamoorthi

[peterflynn]

Another issue is that the tag-match highlights are invisible against the active-line highlight -- they appear to be using the exact same color.

Tagging as high since editing HTML files feels pretty broken due to all this.

[larz0]

@peterflynn I made a pull request for invisible braces match (#5034). Tag-match highlight should match the color we decide in that pull request.

[sathyamoorthi]

@larz0 try colors like this. with some alpha.

.CodeMirror-matchingtag { background: rgba(208, 208, 208, 0.5) }

[larz0]

@sathyamoorthi ideally the tag highlight should go away like how active-line-highlight disappears when user starts to select text.

[peterflynn]

@larz0 That doesn't fix the issue where it is invisible atop the active-line highlight, though. In the future it might not fix the Find highlighting either (it does for now, but only because Find highlighting uses selection under the hood -- which I suspect we're going to move away from).

[sathyamoorthi]

@larz0 this patch fixed your issues codemirror/codemirror5@22ea8d9

[larz0]

@sathyamoorthi that's awesome. Thanks for the heads up!

[jasonsanjose]

Assigned to @larz0 tagging FBNC. Looks like it's fixed in master already.

[larz0]

Looks good! Thanks for the heads up @jasonsanjose.