はてなブックマーク

<template> <div :class="[{'-drag': isDrag == 'new'}]" //★① @dragover.prevent="checkDrag($event, 'new', true)"//★② @dragleave.prevent="checkDrag($event, 'new', false)"//★③ @drop.prevent="onDrop" > <i aria-hidden="true" class="fa fa-plus"></i>　//＋アイコン <div class="drop"> <p class="drag-drop-info">ここにファイルをドロップ</p> <p>または</p> <label for="corporation_file" class="btn btn-success"> ファイルを選択 <input type="f

ios11のsafariでは「position: fixed」させたモーダル等の中にinput要素を置くと、textやtextareaのfocus時、カーソルがずれるバグがあり以下の通り大変鬱陶しい！ どうも、テキストエリアにフォーカスが当たった際に出てくるキーボードでスクロールする際に発生しているんじゃないかなーと推測。 更に、このフォーカスした状態で画面をスクロールすると、カーソルの位置がどんどんずれていってしまいます。ストレス！ 以下のサイトによると、バグの報告はすんでいるのですが、iOS 11.1.2 時点でも改善されていない模様。。てか、最初はこんなにカーソルずれていたのか・・。使い物にならないレベル。 How to fix the iOS 11 input element in fixed modals bug と、言うわけで色々と試行錯誤しているうちに数時間が無情にも流れてし

こんな感じでドラッグ＆ドロップでソートが出来る表を作りますよー。もちろん、スマホなどのタッチパネルにも対応しています。 ※2018年2月15日追記：Edgeでも使用する場合、オプションに「forceFallback:true」を追記しないと、動かなかったりすることが判明したので後述します。 準備 まずは、npmでインストールをします