useRef

plone · May 16, 2024 · ce35f82 · ce35f82
1 parent b2f1ae0
commit ce35f82
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/volto/src/components/manage/Widgets/TextWidget.jsx b/packages/volto/src/components/manage/Widgets/TextWidget.jsx
@@ -19,18 +19,21 @@ const TextWidget = (props) => {
  onBlur,
  onClick,
  icon,
+ focus,
  iconAction,
  minLength,
  maxLength,
  placeholder,
  isDisabled,
  } = props;
 
- const ref = useRef();
+ const ref = useRef(null);
 
  useEffect(() => {
- ref.current = value;
- }, [value]);
+ if (focus) {
+ ref.current.focus();
+ }
+ }, [focus]);
 
  return (
  <FormFieldWrapper {...props} className="text">
@@ -69,6 +72,7 @@ TextWidget.propTypes = {
  value: PropTypes.string,
  isDisabled: PropTypes.bool,
  onChange: PropTypes.func,
+ focus: PropTypes.bool,
  onBlur: PropTypes.func,
  onClick: PropTypes.func,
  icon: PropTypes.shape({
@@ -89,6 +93,7 @@ TextWidget.defaultProps = {
  onBlur: () => {},
  onClick: () => {},
  icon: null,
+ focus: false,
  iconAction: null,
  minLength: null,
  maxLength: null,