Arrow not visible when content scrollable

[oyshan]

My tooltip content is some time so big I'd like to make the tooltip content scrollable. But by making the content scrollable via the style prop, the arrow disappears. See my render() method:

render(){
	const style = {
		style: {
			maxHeight: '200px',
			maxWidth: '200px',
			overflowY: 'auto'
		},
		arrowStyle: {
			color: 'rgba(0,0,0,1)',
		}
	}

	return (
		<span>
			<i
				id={this.parentId}
				style={{ cursor: 'pointer' }}
				className="mdi mdi-information-outline"
				onMouseEnter={this.showTooltip}
				onMouseLeave={this.hideTooltip}
			/>
			<Tooltip
				active={this.state.isTooltipActive}
				parent={'#'+this.parentId}
				arrow="top"//{this.props.arrow}
				position={this.props.position}
				tooltipTimeout={this.props.tooltipTimeout}
				style={style}
			>
				<div>
					<ReactMarkdown source={this.state.markdown} />
				</div>
			</Tooltip >
		</span>
	)

This will cause the tooltip arrow to disappear. Is there any way of making the tooltip content scrollable AND the tooltip arrow visible?

[Redmega]

Hi, sorry for the delay. I'll look into it over the weekend