Hi [@AlainOuellet](/profile/?id=44918),

Do you can test my code?

import React from 'react';
import { MDBTooltip, MDBIcon } from 'mdbreact';

class TooltipsPage extends React.Component {
  state = {
    promoWebPageTitle: 'My custom tooltip text'
  };
  render() {
    return (
      <div style={{ display: 'flex', margin: '150px' }}>
        <MDBTooltip placement='top' domElement>
          <span>
            <MDBIcon icon='tag' className='pink-text' />
          </span>
          <span>Tooltip on top</span>
        </MDBTooltip>

        <MDBTooltip placement='right' domElement>
          <span>
            <MDBIcon icon='tag' className='pink-text' />
          </span>
          <span>Tooltip on right</span>
        </MDBTooltip>

        <MDBTooltip placement='bottom' domElement>
          <span>
            <MDBIcon icon='tag' className='pink-text' />
          </span>
          <span>Tooltip on bottom</span>
        </MDBTooltip>

        <MDBTooltip placement='left' domElement>
          <span>
            <MDBIcon icon='tag' className='pink-text' />
          </span>
          <span>Tooltip on left</span>
        </MDBTooltip>
      </div>
    );
  }
}
export default TooltipsPage;

Please tell me if you still have the problem.

Best regards, Konrad.

the bug appears when I insert a tooltips this way when I insert button in tooltips

<MDBTooltip>
<MDBBtn className='cp-tag'>
    <MDBIcon icon='tag' className='pink-text' />
</MDBBtn>
<div>{this.state.promoWebPageTitle}</div>

Thanks

Hi @AlainOuellet,

Can you send some code?

I will try to help you.

Best regards, Konrad.