Tooltip is not triggered when `title` prop has value

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

1. Go to https://codesandbox.io/s/vigorous-tesla-1ugd31?file=/src/App.js
2. Type “x”
3. You can see from the console.log() that the current title prop is undefined
4. Type backspace to remove “x”
5. From the console.log(), now the current title prop is "Required field"

What is expected?

The Tooltip should be displayed with the message Required field since at step 5 there are trigger="focus" and title="Required field" props on Tooltip.

What is actually happening?

Tooltip is not displayed

Environment	Info
antd	4.18.8
React	17.0.2
System	Mac OS 12.1
Browser	Firefox 96

[pobch]

Got it.

To workaround this issue, we need to implement isFocusing state and use it to control visible of Tooltip ourself. The following is my implementation, thanks @kanweiwei for the idea.

function InputWithTooltip({ onChange, value, errMsg }) {
  console.log("title =", errMsg);
  const [isFocusing, setIsFocusing] = useState(false);
  const visible = !!errMsg && isFocusing;
  return (
    <Tooltip
      placement="bottom"
      trigger="focus"
      title={errMsg}
      visible={visible}
    >
      <Input
        onChange={onChange}
        value={value}
        onFocus={() => {
          setIsFocusing(true);
        }}
        onBlur={() => {
          setIsFocusing(false);
        }}
      />
    </Tooltip>
  );
}

codesandbox: https://codesandbox.io/s/wonderful-vaughan-x3ovxd?file=/src/App.js

[zombieJ]

@kanweiwei answer the question. trigger is trigger, dynamic change title do not trigger focus again since focus is only fire once when get focused.