diff --git a/editor/sidebar/post-visibility/index.js b/editor/sidebar/post-visibility/index.js
index 4b1b704dde097..8f663a07bd2bf 100644
--- a/editor/sidebar/post-visibility/index.js
+++ b/editor/sidebar/post-visibility/index.js
@@ -4,6 +4,7 @@
import { connect } from 'react-redux';
import clickOutside from 'react-click-outside';
import { find } from 'lodash';
+import { withInstanceId } from 'components';
/**
* WordPress dependencies
@@ -36,8 +37,7 @@ class PostVisibility extends Component {
};
}
- toggleDialog( event ) {
- event.preventDefault();
+ toggleDialog() {
this.setState( ( state ) => ( { opened: ! state.opened } ) );
}
@@ -56,8 +56,8 @@ class PostVisibility extends Component {
const { onUpdateVisibility, onSave } = this.props;
onUpdateVisibility( 'private' );
+ this.setState( { hasPassword: false } );
onSave();
- this.setState( { opened: false } );
}
setPasswordProtected() {
@@ -72,7 +72,7 @@ class PostVisibility extends Component {
}
render() {
- const { status, visibility, password, onUpdateVisibility } = this.props;
+ const { status, visibility, password, onUpdateVisibility, instanceId } = this.props;
const updatePassword = ( event ) => onUpdateVisibility( status, event.target.value );
@@ -106,35 +106,61 @@ class PostVisibility extends Component {
return (
{ __( 'Visibility' ) }
-