Redips の Drag and Drop table content with JavaScript は
テーブルの内容を直接ドラッグ&ドロップで動かせる見た目にも便利な JavaScript ライブラリ。
グレイルズデフォルトのmain.cssを使用していると、Firefox で上手く動かない。
確認したバージョン
- Drag and Drop table content with JavaScript
- Grails
- FireFox
Version 5.0.8
Version 2.2.2
24.0
解決方法
main.css の overflow-x: hidden; をコメントアウトすれば上手くいく。
|
1 2 3 4 5 6 7 8 9 10 |
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; } |
コメントアウト
|
1 2 3 4 5 6 7 8 |
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;
}