Topic: elementsFromPoint
AlainOuellet pro asked 5 years ago
Object doesn't support property or method 'elementsFromPoint'
I have this error only with the Microsoft Edge browser how can I fix this problem
Thanks
Konrad Stępień staff answered 5 years ago
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.
AlainOuellet pro answered 5 years ago
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB React
- MDB Version: 4.21.0
- Device: PC
- Browser: Edge
- OS: Window
- Provided sample code: No
- Provided link: No