1. Welcome to the Fantasy Writing Forums. Register Now to join us.

text missing from left margin

Discussion in 'Ask the Staff' started by Heliotrope, Jul 3, 2018.

  1. Heliotrope

    Heliotrope Staff Article Team

    2,673
    1,935
    163
    Thank you, Ireth!

    PS.... missed you! Happy to see you hanging around again.
     
    Ireth likes this.
  2. skip.knox

    skip.knox toujours gai, archie Moderator

    5,656
    3,626
    313
    I've never seen that arrow thingie. I use both Chrome and Firefox, all on windows and never on phone or a tablet setting. Maybe it has to do with mobile interface? The missing text does seem to correspond to a sort of ghost image of the left-pointing arrow.
     
  3. Ireth

    Ireth Myth Weaver

    11,095
    1,469
    313
    I have no clue. I use Chrome on my laptop, not my phone.
     
  4. skip.knox

    skip.knox toujours gai, archie Moderator

    5,656
    3,626
    313
    How about touch screen? Do you use that?

    The ghost arrow feels very CSS or maybe Javascript-y.
     
  5. CupofJoe

    CupofJoe Myth Weaver

    4,071
    1,254
    163
    I'm getting it too. Firefox has just updated and I wasn't seeing it before...
    It looks like it is there on any posts with more than two lines of main text.
     
  6. FifthView

    FifthView Istar

    2,723
    1,825
    163
  7. FifthView

    FifthView Istar

    2,723
    1,825
    163
    So for instance, I've darkened the Icon border and Comment Area border to show that arrow that seems to be ghosting:


    So in the previous image I uploaded first, there's this example of ghosting which looks like the same size and shape for that arrow portion of the comment bubble:


    It's been a while since I did any CSS design work, but this sort of looks like an issue with how that arrow is added to complete the comment bubble?

    I'd note that the final image was from my Android; the arrow looks gray on the tablet. With my PC, it's simply white like the rest of the comment bubble....and like the first image in this comment. The comment bubble border is very light and harder to see on my PC (why I darkened it.)

    Edit: Going on a limb here, heh, but if there are two different images, a gray arrow for tablets and an all-white arrow for PC, then maybe the tablet view inserts the gray arrow and this displaces the white arrow (which probably shouldn't be included in the tablet view at all.)

    I'm just going from my limited example comparing my Android tablet view vs my PC view. It may not be a tablet vs PC thing, but different browsers or operating systems or...? It seems like an image displacement thing.
     
    Last edited: Jul 7, 2018
    Devor likes this.
  8. Devor

    Devor Fiery Keeper of the Hat Moderator

    7,589
    3,094
    313
    I think that's right. I'm on my desktop and I don't see any arrows by the avatar or over the post. On my laptop I see the arrow next to the avatar, and sometimes it's gray?

    I never paid any attention to the arrow before. Am I viewing the site in two different modes from the two computers?

    (edit)

    I had originally said so, and then edited it out because I wasn't sure. Now that I've switched to the laptop, I can say that when the glitch is happening for me the arrow by the avatar turns grey. So it's a white arrow with a grey arrow underneath it, and the white arrow is moving.
     
    Last edited: Jul 7, 2018
  9. Black Dragon

    Black Dragon Staff Administrator

    2,908
    1,394
    163
    I just upgraded XenForo to the latest version. The release notes say that this version corrects some CSS issues. Please try clearing your browser's cache, and then let us know if the problem is resolved.
     
  10. FifthView

    FifthView Istar

    2,723
    1,825
    163
    I cleared my cache for Chrome on my tablet, but I'm still getting the same problem.

    And now I'm also getting that problem with my PC, after clearing the cache in Chrome, and the arrow is gray on my PC the way it was gray in my tablet before (and still is, on my tablet.) Previously, the arrow was white on my PC.

    I just checked using the Microsoft Edge browser on my PC, and the arrow is white, with no ghosting. So it seems to be dependent on the browser used.
     
  11. Heliotrope

    Heliotrope Staff Article Team

    2,673
    1,935
    163
    Me too.
     
  12. skip.knox

    skip.knox toujours gai, archie Moderator

    5,656
    3,626
    313
    FWIW, Firefox has been fine all along.
     
  13. FifthView

    FifthView Istar

    2,723
    1,825
    163
    I've been able to remove that out-of-place white arrow, using both chrome and edge developer tools to modify the style for it by adding "display:none;"

    This fixes the problem of text being covered in Chrome and doesn't seem to cause a problem in Edge--except, now in both cases the arrow remains gray. So it may not be an ideal solution.


    Don't know if this will help. It's been years and years since I did any design work, and I have no knowledge of how to target Chrome specifically (or any other browser) using CSS. A little light reading suggests that a javascript solution might be better. The image above shows the style in the bottom right side. If "display:block;" is changed to "display:none;" you get the result I mentioned above.
     
  14. skip.knox

    skip.knox toujours gai, archie Moderator

    5,656
    3,626
    313
    I am so glad I no longer wrestle with these demons. It was fun for a decade or so, then it just became wearying.

    Maybe Xenoforo would respond, if you sent them this information? I gotta believe we're not the only ones to notice.
     
    FifthView likes this.
  15. FifthView

    FifthView Istar

    2,723
    1,825
    163
    Yeah, I spent a decade or so designing my own websites; playing with CSS and HTML was often more fun than actually, you know, posting content to the sites, heh.

    But web standards have moved forward so fast since that time, new browsers and changes to standards, I've been left far behind in that respect.
     
  16. FifthView

    FifthView Istar

    2,723
    1,825
    163
    I may have spoken too early on Edge. I cleared my cache in Edge, and now I'm getting the text being covered up on it as well...

    Edit: Haven't had Firefox in years, just downloaded it, and I'm getting the same missing text on it.
     
    Last edited: Jul 8, 2018
    Heliotrope likes this.
  17. Black Dragon

    Black Dragon Staff Administrator

    2,908
    1,394
    163
    Thank you everyone for your help. Unfortunately, I could not find a way to resolve the issue with the arrow. Therefore, I decided to change the design of the messages, so that the arrow is no longer used. Let me know if this is working for you.
     
    FifthView and Heliotrope like this.
  18. Ban

    Ban Sir Laserface Article Team

    2,017
    954
    113
    I like it.
     
    Black Dragon likes this.
  19. skip.knox

    skip.knox toujours gai, archie Moderator

    5,656
    3,626
    313
    I like it. The arrows seemed a bit superfluous anyway. And Mr Berners-Lee would not have approved of 45 degree lines! :)
     
    Black Dragon likes this.
Loading...

Share This Page