Как разрешить копирование вставки из всплывающего окна расширения в Firefox? - PullRequest
Новая
       10

Как разрешить копирование вставки из всплывающего окна расширения в Firefox?

0 голосов
/ 01 ноября 2018

Я создал Веб-расширение с всплывающим окном:

Browser extension popup window

Я хочу, чтобы пользователь мог копировать / вставлять содержимое этого всплывающего окна. Это прекрасно работает в Chrome, но в Firefox текст не может быть выделен. Если вы перетащите курсор мыши по тексту, ничего не произойдет.

Я попытался проверить и изменить CSS (может быть, по умолчанию user-select ?), Но безуспешно. Как включить выделение текста во всплывающем окне моего расширения?

1 Ответ

0 голосов
/ 01 ноября 2018

TLDR : добавьте -moz-user-select: text к элементу body всплывающего окна.

Действительно, по умолчанию user-select .

Вы можете проверить CSS всплывающего окна, выполнив следующие действия:

  • Перейдите к: отладка и включите отладку надстроек.
  • Нажмите на ссылку Отладка рядом с вашим аддоном.
  • Щелкните по эллипсам в верхнем правом углу и выберите «Отключить автоматическое скрытие всплывающих окон».

enter image description here

  • Откройте ваше всплывающее окно.
  • В инструментах разработчика выберите другой фрейм, нажав кнопку фрейма в верхнем правом углу.

enter image description here

  • Откройте инспектора. Как видите, есть правило CSS -moz-user-select:

enter image description here

Итак, исправление заключается в добавлении правила CSS в ваш всплывающий CSS следующим образом: 

body { -moz-user-select: text; }

Установка этого значения на auto не работает. Другие возможные значения задокументированы здесь .

...