Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

تلاش سپورٹ

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

مزید سیکھیں

Cursor changes via is not applied in firefox

  • 6 جواب دیں
  • 1 میں یہ مسئلہ ہے
  • 3 دیکھیں
  • آخری جواب بذریعہ chetankumard

more options

Hi, I have been working on this issue from a while now. When the cursor is changed from one style to other via firefox simply does not render it. It works fine in opera and chrome . Please help &.grab {

         cursor: move; /* fallback if grab cursor is unsupported */
         cursor: grab;
         // cursor: -moz-grab;
         // cursor: -webkit-grab;
      }
      
      /* (Optional) Apply a "closed-hand" cursor during drag operation. */
      &.grabbing:active {
         cursor: move; /* fallback if grab cursor is unsupported */
         cursor: grabbing;
         // cursor: -moz-grabbing;
         // cursor: -webkit-grabbing;
      }
Hi, I have been working on this issue from a while now. When the cursor is changed from one style to other via firefox simply does not render it. It works fine in opera and chrome . Please help &.grab { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; // cursor: -moz-grab; // cursor: -webkit-grab; } /* (Optional) Apply a "closed-hand" cursor during drag operation. */ &.grabbing:active { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grabbing; // cursor: -moz-grabbing; // cursor: -webkit-grabbing; }

تمام جوابات (6)

more options

Did you check the Inspector?

See also:

Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?

more options

Why is there an & character here:

chetankumard said

Hi, I have been working on this issue from a while now. When the cursor is changed from one style to other via firefox simply does not render it. It works fine in opera and chrome . Please help
&.grab {
          cursor: move; /* fallback if grab cursor is unsupported */
          cursor: grab;
          // cursor: -moz-grab;
          // cursor: -webkit-grab;
       }
       
       /* (Optional) Apply a "closed-hand" cursor during drag operation. */
       &.grabbing:active {
          cursor: move; /* fallback if grab cursor is unsupported */
          cursor: grabbing;
          // cursor: -moz-grabbing;
          // cursor: -webkit-grabbing;
       }
more options

Yes I did and it doesn't reveal much. Unfortunately Its a private app. Can I post you a gif image for reference?

more options

Just ignore the & symbol. I haven't posted you the entire css. .grab and . grabbing:active are the css classes involved in applying the grab and grabbing cursor. Thing is when I apply grab cursor or grabbing cursor Firefox has no issue rendering it. But when the class name changes dynamically the cursor does not change from grab to grabbing.

more options

It's obvious. That we can't help you without understanding how your page works. If you cannot provide a link to the real app, create a demo, for example, using JSFiddle, CodePen, etc.

more options

@jscher2000, I will post a link to jsfiddle or codepen shortly.