feat(popover): add prop for disabling scroll

Author: bryceosterhaus

packages/clay-popover/src/index.tsx

@@ -24,6 +24,11 @@ interface IProps extends React.HTMLAttributes<HTMLDivElement> {
 	 */
 	alignPosition?: typeof ALIGN_POSITIONS[number];
 
+	/**
+	 * Flag to indicate if container should not be scrollable
+	 */
+	disableScroll?: boolean;
+
 	/**
 	 * Flag to indicate if tooltip is displayed.
 	 */
@@ -41,6 +46,7 @@ const ClayPopover = React.forwardRef<HTMLDivElement, IProps>(
 			alignPosition = 'bottom',
 			children,
 			className,
+			disableScroll = false,
 			header,
 			show,
 			...otherProps
@@ -60,7 +66,9 @@ const ClayPopover = React.forwardRef<HTMLDivElement, IProps>(
 			>
 				<div className="arrow" />
 
-				<div className="inline-scroller">
+				<div
+					className={classNames({'inline-scroller': !disableScroll})}
+				>
 					{header && <div className="popover-header">{header}</div>}
 
 					<div className="popover-body">{children}</div>

packages/clay-popover/stories/index.tsx

@@ -7,7 +7,7 @@
 import '@clayui/css/lib/css/atlas.css';
 import ClayPopover from '../src';
 import React from 'react';
-import {select} from '@storybook/addon-knobs';
+import {boolean, select} from '@storybook/addon-knobs';
 import {storiesOf} from '@storybook/react';
 
 const positions = [
@@ -30,9 +30,16 @@ storiesOf('Components|ClayPopover', module).add('popover', () => (
 		alignPosition={
 			select('Align Position', positions, 'bottom') as 'bottom'
 		}
+		disableScroll={boolean('Disable Scroll', false)}
 		header="Popover"
 	>
 		{`Viennese flavour cup eu, percolator froth ristretto mazagran
+				caffeine. White roast seasonal, mocha trifecta, dripper caffeine
+				spoon acerbic to go macchiato strong. Viennese flavour cup eu, percolator froth ristretto mazagran
+				caffeine. White roast seasonal, mocha trifecta, dripper caffeine
+				spoon acerbic to go macchiato strong. Viennese flavour cup eu, percolator froth ristretto mazagran
+				caffeine. White roast seasonal, mocha trifecta, dripper caffeine
+				spoon acerbic to go macchiato strong. Viennese flavour cup eu, percolator froth ristretto mazagran
 				caffeine. White roast seasonal, mocha trifecta, dripper caffeine
 				spoon acerbic to go macchiato strong.`}
 	</ClayPopover>