X
Нажмите здесь, чтобы перейти на мобильную версию сайта.

Форум поддержки

Cursor changes via is not applied in firefox

Размещено

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; }
Цитата

Дополнительные сведения о системе

Установленные плагины

  • Cisco WebEx Start.app Assistant Plug-in Version 100
  • Version 5.41.3.0
  • Picasa plugin.
  • Skype Meetings App
  • Skype for Business Meeting Join Plug-in
  • WebEx64 General Plugin Container Version 205

Приложение

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:50.0) Gecko/20100101 Firefox/50.0

Дополнительная информация

cor-el
  • Top 10 Contributor
  • Moderator
17266 решений 156032 ответов
Размещено

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)?

Did you check the Inspector? *https://developer.mozilla.org/en-US/Tools/Page_Inspector See also: *https://developer.mozilla.org/en-US/docs/Web/CSS/cursor Can you post a link to a publicly accessible page (i.e. no authentication or signing on required)?
Помогла ли вам это?
Цитата
jscher2000
  • Top 10 Contributor
8492 решений 69396 ответов
Размещено

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;
       }
Why is there an & character here: ''chetankumard [[#question-1261677|said]]'' <blockquote> 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 <pre>&.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; }</pre> </blockquote>
Помогла ли вам это?
Цитата

Задавший вопрос

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

Yes I did and it doesn't reveal much. Unfortunately Its a private app. Can I post you a gif image for reference?
Помогла ли вам это?
Цитата

Задавший вопрос

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.

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.
Помогла ли вам это?
Цитата
jscher2000
  • Top 10 Contributor
8492 решений 69396 ответов
Размещено

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.

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.
Помогла ли вам это?
Цитата

Задавший вопрос

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

@jscher2000, I will post a link to jsfiddle or codepen shortly.
Помогла ли вам это?
Цитата
Задать вопрос

Для ответа на сообщения вы должны войти в свою учётную запись. Пожалуйста, задайте новый вопрос, если у вас ещё нет учётной записи.