diff --git a/README.md b/README.md index 77d36c0a..e0d78432 100644 --- a/README.md +++ b/README.md @@ -209,7 +209,7 @@ Split(['#one', '#two'], { #### cursor. Default: `'col-resize'` -Cursor to show on the gutter (also applied to the two adjacent elements when dragging to prevent flickering). Defaults to `'col-resize'`, so should be switched to `'row-resize'` when using `direction: 'vertical'`: +Cursor to show on the gutter (also applied to the body on dragging to prevent flickering). Defaults to `'col-resize'`for `direction: 'horizontal'` and `'row-resize'` for `direction: 'vertical'`: ```js Split(['#one', '#two'], { diff --git a/src/split.js b/src/split.js index d056cd09..a479037f 100644 --- a/src/split.js +++ b/src/split.js @@ -164,7 +164,7 @@ const Split = (idsOption, options = {}) => { const snapOffset = getOption(options, 'snapOffset', 30) const dragInterval = getOption(options, 'dragInterval', 1) const direction = getOption(options, 'direction', HORIZONTAL) - const cursor = getOption(options, 'cursor', direction === HORIZONTAL ? 'ew-resize' : 'ns-resize') + const cursor = getOption(options, 'cursor', direction === HORIZONTAL ? 'col-resize' : 'row-resize') const gutter = getOption(options, 'gutter', defaultGutterFn) const elementStyle = getOption(options, 'elementStyle', defaultElementStyleFn) const gutterStyle = getOption(options, 'gutterStyle', defaultGutterStyleFn)