Skip to content

Text color is dark in Firefox #4

@namzo

Description

@namzo

The color of the background & text are the same in Firefox. I tested on Firefox 18.0 on Mac.

Activity

kontur

kontur commented on May 13, 2013

@kontur

Can you post a jsfiddle or other online example showing that behaviour in a repeatable way?

spaceninja

spaceninja commented on Mar 19, 2014

@spaceninja

You can see the issue on the typer.js demo page: http://cosmos.layervault.com/typer-js.html

Note this only happens in Firefox -- Chrome, Safari, and IE all work as expected, but in FF, the highlighted string is a solid block of color, instead of reversing the text.

screen shot 2014-03-19 at 1 49 06 pm

  • I am using Firefox 27.0.1 on a mac.
vpugh

vpugh commented on Apr 3, 2014

@vpugh

Set textColor to a value instead of leaving at null. This worked for me.

sasindu555

sasindu555 commented on Oct 1, 2015

@sasindu555
spanWithColor = function(color, backgroundColor) {
    if (color === 'rgba(0, 0, 0, 0)') {
      color = 'rgb(255, 255, 255)';
    }

    return $('<span></span>')
      //.css('color', color)
      .css('color', 'rgb(255, 255, 255)')
      .css('background-color', 'rgb(255, 190, 76)');
  };

Use this .css('color', 'rgb(255, 255, 255)') instead of .css('color', color)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @spaceninja@namzo@kontur@sasindu555@vpugh

        Issue actions

          Text color is dark in Firefox · Issue #4 · layervault/jquery.typer.js