Привет
В новом апдейте не тащатся кнопки в последнем и не последнем FireFox я кажется выяснил что по не установленной на данный момент причине ошибка в том что когда тег "button" помещается тег "a" ссылка перестаёт работать на перетаскивание

Как проверить?
возможно сделать в соответствии с картинкой из комментария:
https://joyreactor.cc/post/5473925#comment27277114
в https://m.joyreactor.cc


Как испавить?
убрать тег "button" из элемнтов "ссылка"(поста) и кнопки "Дальше" в низу страницы


Это не всё.
Я не разу не получал  удовольствие от создания тегов в НьюЭмДжой поэтому я сделал техническую  демку с не очень красивым визуалом и кодом но которая демонстрирует:

1)ссылка  с тегом кнопки не тащится...

2) как сделать кнопки ≈"комментарии","ссылка","Дальше" чтоб они перетаскивались и нажимались и показали всплывавшие окна и открывали и закрывали комментарии...

3)место где создаются теги в посте и поиске
*Поле ввода это обычный инпут "input" и поддерживает все кнопки что поддерживает браузер/система что его открывает  можно использовать хоть контрал хоть шифт хоть  не знаю что  кроме энтера
эта кнопка назначена на отправку/создание тега
*кроме того в конце поля есть графическая кнопка тоже создающая тег
*поле ввода тегов и созданные тег(и) и отображаются одновременно, поле ввода тегов не исчезает а только очищается при создании тега, возможно при верткие добавить кнопку закрытия самого поля когда в нём не остаётся необходимости


Дальше =>
 картинк(а/и) =>
 html код демки (запустить его можно через /post/4757014 (new word.htm) или через https://jsfiddle.net/ ) =>
 Можно делайте!
И ~_^ Удачи!
// The IMAGE//////////////////////////////

// The IMAGE End//////////////////////////
.htm page code


<title>3 demos</title>
<pre>
<h2>Hello we 3 demos for m.joyreactor.cc</h2><hr>
<big><b>1) the maybe little bug try drag this on new tab for check this</b></big>
<a href="https://m.joyrector.cc" onclick="return false;"><button><img src ="" alt='drag and drop not work with "button" tag , i no know why (now)'></button></a>


</pre>
<hr>
<b>2) demo pattern for popup menu , comment button, and draggable button link</b><br>
<span style=position:relative;>
<span
onfocusout=this.style.display='none' tabindex=0
style="display:none;position:absolute;bottom:1.5em;border:1px solid;background:#999;outline:0;">
<li>look at me! i popup menu<br>
<li>maybe i can have some element in futture</li>
<li>click anywhere other place for hide me...</li>
<li>a you know? analog me probably can make with css</li>
<li>careful! author this demo bad know about tabindex...</li>
</span>
<a href="/" onclick="
/*popup menu*/
this.parentNode.children[0].style.display='inline-block';
this.parentNode.children[0].focus();
/*for comment block demo*/
this.parentNode.children[this.parentNode.children.length-1].style.display=='none'?
this.parentNode.children[this.parentNode.children.length-1].style.display='inline-block':
this.parentNode.children[this.parentNode.children.length-1].style.display='none';
/*for disable onclick*/
return false;
" style=outline:0;><img src ="" alt="you can drag drag and drop me and if you click on me i show popup menu and show/hide comment block"></a>
<span style="display:none;width:100%;">

<li style="background:#999;margin:4">I "comment" like</li>
<li style="background:#999;margin:4">careful again author make this on realtime without many thinkers</li>
</span>
</span>
<hr>
<b>3)demo tag maker </b><br>
<span>
<input style=width:80%;
placeholder='type tag here and press "enter" or button="add tag"=>'
list=famousTagList
id=tagInput
onkeydown="
if(event.keyCode==13)if(tagInput.value){
tagPlace.innerHTML='<b style=background:#999;border-radius:2px;margin:5px onclick=this.remove()>'+tagInput.value+'<span style=color:red> X</span></b>'+tagPlace.innerHTML;
tagInput.value=''
}
"
><button style=width:20%;
onclick="
if(tagInput.value){
tagPlace.innerHTML='<b style=background:#999;border-radius:2px;margin:5px onclick=this.remove()>'+tagInput.value+'<span style=color:red> X</span></b>'+tagPlace.innerHTML;
tagInput.value=''
}
"
>Add Tag</button>
<datalist id=famousTagList>
<option value=Cat>
<option value=Love>
<option value=Sun>
<option value="Sometime sleep">
<option value="Sometime run">
</datalist>

<span id=tagPlace></span>
</span>

UPD2
Привет всем и привет koka
Когда я писал в верхний комментарий я немного нехорошо себя чувствовал, перечитывая его сейчас я сомневаюсь что информация в нём уместна в этом вопросе...

Тем не менее я попытался сделать демо первого кадра гифки из поста и поста Коки , чтобы тот кто это возможно найдёт возможно нашел что то полезное а не только замороченную голову...

Я точно  не знаю можно/удобно ли это применить на  реакторе а также сомневаюсь в качестве результата

Примерный алгоритм в демо
0)я использовал технологии canvas js, вам возможно придётся искать их аналог в том чем вы пользуетесь
Что это за canvas такой? : https://developer.mozilla.org/ru/docs/Web/HTML/Element/canvas
========================
1) разбить гифку на кадры
2) далее я наложил CSS фильтр
brightness(1.1) contrast(1.1) blur(1.1px)
на основе этой заметки: https://habr.com/ru/post/250001/ с помощью canvas
3) экспортировал кадр в jpg через toDataURL('jpg') данный метод даёт не небольшое сжатие с потерями коэффициент сжатия зависит от браузера или ваших настроек если таковые указаны
==дальше я пока(?) не делал==
4)собрать обратно гифку из кадров
5)конвертировать в гифВидео

first frame from: /post/5495598

koka Rickroll jpg ≈146kb	koka Rickroll jpg and filter ≈63kb

first frame from: /post/5486443 ( img full   )

jpg 1100x618 ≈599kb  (but in png ≈134kb)	jpg ,filter, 1100x618 ≈108kb	jpg ,filter, resize 811x456 ≈57kb

А может если гифка сильно широкая то просто будем жать через CSS не трогая саму гифку а только добавляя width:811px да и дело с концом?

P.s. Я не знаю чё я тут делаю) , вижу что бред какой-то но смотрю вроде и картинки сжать получилось и может кому пригодится...

~_^ Удачи!

По правде и не помню писал я про первый пункт или нет но определёно думал(но это не точно)
Кароче накидал на скорую руку скрипт который вы можете добавить в закладки и после переключатся по клику по закладке из мобильного реактора в основной или фандомный и обратно...
Особо не думал особо не тестил но вроде работает
Но страницы редиректа на внешние сайты в мобильном реакторе в вроде всё ещё нет поэтому если нажмёте на ссылку без пары то вас скорее всего на главную выкинет...

Код для адресной строки браузера


javascript:window.location='https://'
+(window.location.hostname.split('.')[window.location.hostname.split('.').length-3]=='m'?'':'m.')
+window.location.hostname.split('.')[window.location.hostname.split('.').length-2]
+'.cc'+window.location.pathname+window.location.search+window.location.hash

Инструкция:
*)внешний вид ваших окон может отличаться и возможно нужно включить панель закладок в вашем браузере и все действия вы выполняете или не выполняете на свой страх и риск автор не несёт ответственности
1)открываете менеджер закладок в вашем веб браузере
2)создаёте закладку с адресом из коммента и произвольным именем
3)заходите на джой
4)нажимаете на свой страх и риск на на получившеюся закладку

Отак сделать примерно

И любую страницу* на Джое или на Реакторе или на ЭмРеакторе значит открываешь
*любую страницу у которой есть пара ато скорее всего на главную перекинет а там кто знает...

И клац!

Мы давольны?

~_^ Удачи!

Привет OmonRa13
SobakaBalabaka ругается: возможно это не всегда уместно хотя и напоминает о свободе слова тем не менее я тоже подумал что эта вещь вроде выпускалась без по краски и по этому про затёртые края это наверное конструктивная критика учтивая что тема демки вроде реализм а не фантастика.

Ну а так автор поста молодец ,название тоже хорошо подобрал хоть тематика мне не очень интересна но свет эффектный, мохнатая акулула тоже хорошея

Фууух... не бухтите кароче ~_^

upd:koka вроде примерно тоже самое сказал но без подробностей...
мне чевот не очень хорошо, плюсов или лишнего внимания не надо пишу для ясности.

Предположу что баг из за того что глючат алгоритмы сжатия...
У картинки вроде ограниченное количество цветов чтобы это компенсировать "у неё в теле" генерируется  "шахматный" узор которой позволяет создать из двух или более цветов в новый цвет который будет видно если посмотреть на эту "шахматную сетку" из далека

Когда такая сетка сжимается то количество цветов не уменьшается растёт, также для обозначения пространства с строго одним цветом вроде используется только обозначения его границ
поэтому чем чаще появляется необходимость переходить от цвета к цвету тем чаще нужно добавлять "биты"(маркеры) перехода от цвета к цвету
Ну и поэтому алгоритмы вместо того чтоб сжать "растягивают"
Чтоб такого не было возможно надо сначала из примерно одинаковых "шахматных узоров" сделать "области сгенерированных цветов" а уже у них изменять размер...
возможно для этого нужно  изображение сначала размыть а потом увеличить контраст
но это не точно возможно изображение станет ещё больше)...
да и вообще нужно смотреть на основе используемого инструмента и тестить...

P.s.
"шахматный узор"и.т.д. у этого всего вроде есть како ето обще принятое название но я его подзабыл... и как конкретно делать сразу не вспомню делал что для единичных файлов для себя по всякому...

Первые кадры картинки из поста
первая: базовая
вторая: сжатая

такая кнопка позволяет открыть элемент как картинку а картинку можно отправить в поиск по картинке а с видео вроде пока такое не проходит...

for Kensiro
такой опустевший пост или коммент может содержать другую интересною информацию... возможно лучше сохранять какую то инфу о эмбеде к примеру его  название
ну и где то его писать чтоб его можно было загуглить по названию потом...

for All
Погуглил... для ютуба вроде бы есть api для получения имени страницы с видео
https://stackoverflow.com/questions/2478391/get-youtube-videos-title-with-jquery-using-youtube-api/2478486#2478486
^говорит это открой:
https://gdata.youtube.com/feeds/api/videos/the-video-id?v=2&alt=json
||||
Но  вроде с 2015го оно просит ключ того кто использует ютуб api
https://stackoverflow.com/questions/30685625/alternative-for-https-gdata-youtube-com-feeds-api-videos-video-idv-2/30685729#30685729
^говорит это открой
https://www.googleapis.com/youtube/v3/videos?id=video_id&key=YOUR_API_KEY&part=snippet
||||
Но! для айфреймов есть другой путь если создать "виртуальный" айфрейм то после его загрузки можно получить имя видео ....
Пример нашел здесь (в примере плей лист с нерабочими видео его нужно почистить/переписать но он рабочий вроде)
https://stackoverflow.com/questions/22726941/youtube-api-get-current-video-title/25035900#25035900
||||
В заключение сделал демку на основе ДжсФиддла который тоже нашёл в гугле
пример на основе ( https://jsfiddle.net/jpreynat/e11oy0eu/  )
https://jsfiddle.net/smg1kL3t/
||||
про ютуб айфрейм api что то
https://developers.google.com/youtube/iframe_api_reference?hl=ru
p.s. полезно или нет точно не знаю...
~_^ Удачи !

Привет!
тебе уже ответили с флагами(или не ответили точно не знаю...)
https://joyreactor.cc/post/5470093#comment27242213
Но вот ещё способ используй(по желанию) драгАндДроп
Как?
1)выделить текст
2)переташить его на новую вкладку

По аналогии с картинкой из комента:
https://joyreactor.cc/post/5473925#comment27277114

*"не чё рекламиру" => не чё(чего) не рекламирую(здесь)(в комменте на один уровень выше)
RRRRRRrrR!