fixes

• prevent default scrolling on touch event - #127

features

• ability to set the size of the scrollbar

fixes

• reduced the z-index value
• fixed stopScrollPropagation breaking on Chrome 73 - #128

Fixes:

• moved react to peer dependencies
• Ignore touch events if nothing to scroll

Bug fixes

• Allow arrows keys for textarea element and contenteditable elements - Issues #77 #107 #104
• Input range bug - Issue #42
• Warning "You are manually calling a React.PropTypes validation function for the scrollArea prop on t. This is deprecated and will not work in production with the next major version" - Issue #74
• use PropTypes from a standalone package instead on react - Issue #93
• upgraded react-motion version

Fixes

• fixed issues #59 and #66
• default value for focusableTabIndex prop (1)

New features

• Keyboard support
• stopScrollPropagation prop - after set to true, mouse wheel event will not propagate
• focussableTabIndex prop - after set to a number, scrollarea-content is rendered with a tabindex value set to the passed in

Bug fixes

• Fixed issue #58 - It's will auto scroll to top, when real height is less than container height.

• upgraded dependencies (react, react-motion, etc.)
• fixed issue #40 'Double Scrolling Bar'
• prevent from undefined value for deltaX and deltaY

Bug fixes:

• Scroll wheel hits preventDefault if canScrollY is false (#31)

New features:

smooth scrolling

• new smoothScrolling prop - when set to true, smooth scrolling for both scrollbars is enabled.

minimal scrollbar size

• new minScrollSize prop - using this prop it's possible to set minimal size in px for both scrollbars.

possibility to swap wheel axes

• new swapWheelAxes prop - after set to true, mouse wheel event has swapped directions. So normal scrolling moves horizontal scrollbar and scrolling with SHIFT key moves vertical scrollbar. It could be useful for applications with horizontal layout.

Separeted no-css build (#30)

• If you prefer including scrollbar without css styles boundled inline to js file it's possible to import package without them.

    var ScrollArea = require('react-scrollbar/no-css');

support for universal apps (#28)

• it's only one requirement: you have to use react-scrollbar in no-css version

Possibility to move scrollbar by clicking on scrollbar container

• After click, scrollbar moves to cursor position

Inertial scrolling for touch devices (#9)

Bug fixes:

• scrollBottom && scrollRight position issue (#21)
• Improper handling of mouse events (#26)

New prop onScroll

onScroll(value: Object) event which can notify the parent component when the container scrolls.

• value: Object - informations about current position
  • value.leftPosition: Number - content left position (distance in pixels from the left side of container)
  • value.topPosition: Number - content top position (distance in pixels from the top of container)
  • value.containerHeight: Number - container height
  • value.containerWidth: Number - container width
  • value.realHeight: Number - real content height
  • value.realWidth: Number - real content width

New contentWindow, ownerDocumentprops to use scrollarea inside iframe.

• contentWindow - default: window
• ownerDocument - default: document