crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "Enable hovering state for dropdown"

Browse Source 
This reverts commit ac1640140c.
This commit is contained in:
fragosti
2018-08-28 15:07:24 -07:00
parent 2d1d14d2e4
commit 8e14e65b60
3 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/website/ts/components/ui/drop_down.tsx
View File

@@ -32,8 +32,8 @@ export class DropDown extends React.Component<DropDownProps, DropDownState> {
public static defaultProps: Partial<DropDownProps> = {
style: DEFAULT_STYLE,
zDepth: 1,
activateEvent: DropdownMouseEvent.Hover,
closeEvent: DropdownMouseEvent.Hover,
activateEvent: DropdownMouseEvent.Click,
closeEvent: DropdownMouseEvent.Click,
};
private _popoverCloseCheckIntervalId: number;
public static getDerivedStateFromProps(props: DropDownProps, state: DropDownState): Partial<DropDownState> {
@@ -77,6 +77,8 @@ export class DropDown extends React.Component<DropDownProps, DropDownState> {
zIndex={this.props.zDepth}
>
<div
onMouseEnter={this._onHover.bind(this)}
onMouseLeave={this._onHoverOff.bind(this)}
onClick={this._closePopover.bind(this)}
>
{this.props.popoverContent}
@@ -95,13 +97,10 @@ export class DropDown extends React.Component<DropDownProps, DropDownState> {
}
}
private _onHover(event: React.FormEvent<HTMLInputElement>): void {
this.setState({
isHovering: true,
anchorEl: event.currentTarget,
});
this.setState({ isHovering: true });
}
private _onHoverOff(): void {
this.setState({ isHovering: false, anchorEl: undefined });
this.setState({ isHovering: false });
}
private _checkIfShouldClosePopover(): void {
if (!this.state.isDropDownOpen) {

3
packages/website/ts/components/ui/popover.tsx
View File

@@ -20,7 +20,6 @@ const PopoverContainer = styled.div`
max-height: 679px;
overflow-y: auto;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
`;
const defaultPlacement: Placement = 'bottom';
@@ -38,7 +37,7 @@ export class Popover extends React.Component<PopoverProps> {
};
return (
<div>
{/* <Overlay onClick={onRequestClose} style={overlayStyleOverrides}/> */}
<Overlay onClick={onRequestClose} style={overlayStyleOverrides}/>
<Popper referenceElement={anchorEl} placement="bottom" eventsEnabled={true}>
{this._renderPopperChildren.bind(this)}
</Popper>