20

Not major but thought I would log it nonetheless. Whilst flagging a comment on a shaded answer (by shaded I mean it has a negative score of 3 or more) the popup appeared in front of another shaded answer. At this point the popup looks OK but if you happened to move the mouse over the other shaded answer the popup starts to flicker and looks a little unstable.

Here is a screenshot to try and display what I mean:

enter image description here

As you can see it's not exactly a clear popup, instead it's see through. This is on Chrome version 58.0.3029.110 (64-bit). On IE 11 it looks fine. I haven't got Firefox to test.

For reference this is the comment I was flagging. I haven't flagged as I'd like to provide an example for repro.

13
  • 3
    Can confirm this happens in Firefox 53.0.3 64 bit.
    – cteski
    Jun 9, 2017 at 14:54
  • 44
    On IE 11 it looks fine. Nice try but I'm not going back Bill ....
    – rene
    Jun 9, 2017 at 15:02
  • @rene, you got me :D
    – Bugs
    Jun 9, 2017 at 15:03
  • 1
    That was the first time I intentionally looked for a low-quality post.
    – MSeifert
    Jun 11, 2017 at 14:57
  • I was going to look for Documentation meta posts but then I noticed the link in your question. Jun 11, 2017 at 21:10
  • 2
    Cross-site duplication in MSE
    – Arulkumar
    Jun 12, 2017 at 6:27
  • 1
    Relevant CSS is .downvoted-answer .comments,.downvoted-answer .post-signature,.downvoted-answer .post-text,.downvoted-answer .vote>*{opacity:.5;transition:opacity .5s}. The comments flag dialog is a child of the div with the comments class.
    – CalvT
    Jun 12, 2017 at 10:49
  • IE 11 master race!!!! Jun 12, 2017 at 13:42
  • I can't replicate this on Chrome 58.0.3029.110, Win10 64bit Jun 12, 2017 at 13:59
  • 1
    I have replicated this on Chrome 59.0.3071.86 (Official Build) (64-bit) on Win 10 Pro Jun 12, 2017 at 14:13
  • @NuriTasdemir that's the version I am now on. Must have been an update at some point
    – Bugs
    Jun 12, 2017 at 14:23
  • 2
    Replicated on Chrome 58.0.3029.110 (64-bit) Windows 8.1.
    – user1919238
    Jun 12, 2017 at 14:26
  • 2
    Reproduced on Firefox 53.0.3 (64 bits) Ubuntu 16.04 Jun 12, 2017 at 15:15

3 Answers 3

-1

Scenario:

  • Go to a page with an answer with a score of -3 or less (it has to be fadded, so -3 for Stack Overflow, -8 for META)
  • Choose a comment of the downvoted answer
  • Click on "Flag this comment..." for the chosen comment
  • Move cursor outside of the answer

Expected behavior:

  • "I am flagging this comment as..." pop up has an opaque background

Current behavior

  • "I am flagging this comment as..." pop up is a little transparent, even if user move cursor on it (to obtain an opaque pop up, user need to hover the answer from which the flagged comment comes)

enter image description here

enter image description here

  • "I am flagging this comment as..." pop up is sent to a z-index < to the "Your Answer" one.

enter image description here

-8

Changed my answer after inspecting the popup box code further. and getting the css out of all.css on this website:

 .popup {
box-shadow:0 2px 5px rgba(12,13,14,0.3);
background-color:#FFF;
border:solid 1px #9fa6ad
 }

I don't think chrome likes background-color being #FFF maybe changing it to the standard #FFFFFF will fix this..... also making sure semicolons at the end of css code lines helps the class work properly too.

So the code should look like this:

 .popup {
box-shadow:0 2px 5px rgba(12,13,14,0.3);
background-color:#FFFFFF;
border:solid 1px #9fa6ad;
 }

In my fixed code offering above, I made the background-color the same hex color scheme as everywhere else in the css code, and added a semicolon at the end of the border style.

9
  • Based on your screenshot, I'd say you are looking at the wrong flag dialog
    – CalvT
    Jun 12, 2017 at 12:00
  • 3
    Yeah, you need to try a comment, not a question or answer. Jun 12, 2017 at 12:01
  • can't comment. the way they comment on this website is flawed this way. Jun 12, 2017 at 12:06
  • plus the vote down and up seems subjective too. another type of flawed system. Jun 12, 2017 at 12:10
  • @ACTheGypsy You can’t undo an opacity change in a child of a transparent element. If you try making your changes in Chrome’s DevTools, you’ll see it has no effect.
    – Jed Fox
    Jun 12, 2017 at 14:07
  • 1
    There is nothing non-standard about #FFF. If Chrome has a problem with that, then Chrome has a serious bug. Jun 12, 2017 at 14:22
  • @CodyGray: Yes - in fact, #FFF is explicitly mentioned in the CSS standard as being a valid way of expressing "white".
    – psmears
    Jun 12, 2017 at 15:32
  • besides that, background color #FFF is shorthand for the standard code and may not be fully supported everywhere. For proper use, see: w3schools.com/cssref/pr_background-color.asp Jun 12, 2017 at 17:57
  • @ACTheGypsy: I'm not sure if you looked at the link in my comment. The FFF format is part of the CSS standard - so all browsers are required to support it. Unfortunately w3schools, though sometimes useful, is generally not a reliable or accurate source of information, and its use is often discouraged here.
    – psmears
    Jun 13, 2017 at 12:44
-24

Saving others a click, down vote this answer.

6
  • Oh, haha, now it makes sense :) These may not grey out like they do on SO.
    – Bugs
    Jun 12, 2017 at 10:11
  • FYI Meta has the same problem Jun 12, 2017 at 10:21
  • @CalvT I was doing. I guess the criteria is -8? Or maybe something else I don't know :/ it's shaded now though
    – Bugs
    Jun 12, 2017 at 10:42
  • 1
    @Bugs I guess so
    – CalvT
    Jun 12, 2017 at 10:42
  • 1
    @James you really are an MVP Jun 12, 2017 at 13:45
  • 3
    I want to upvote this post for being helpful. But that goes against what this post is for. #SoConflicted. Jun 12, 2017 at 18:35

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .