Redips の Drag and Drop table content with JavaScript は
テーブルの内容を直接ドラッグ&ドロップで動かせる見た目にも便利な JavaScript ライブラリ。
グレイルズデフォルトのmain.cssを使用していると、Firefox で上手く動かない。
確認したバージョン
- Drag and Drop table content with JavaScript
Version 5.0.8
- Grails
Version 2.2.2
- FireFox
24.0
解決方法
main.css の overflow-x: hidden; をコメントアウトすれば上手くいく。
|
|
body { background: #ffffff; color: #333333; margin: 0 auto; max-width: 960px; overflow-x: hidden; /* prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide */ -moz-box-shadow: 0 0 0.3em #255b17; -webkit-box-shadow: 0 0 0.3em #255b17; box-shadow: 0 0 0.3em #255b17; } |
コメントアウト
|
|
body { background: #ffffff; color: #333333; margin: 0 auto; max-width: 960px; /*overflow-x: hidden; *//* prevents box-shadow causing a horizontal scrollbar in firefox when viewport < 960px wide */ -moz-box-shadow: 0 0 0.3em #255b17; -webkit-box-shadow: 0 0 0.3em #255b17; |
box-shadow: 0 0 0.3em #255b17;
}