Tooltip not displaying correct position

Hello again support team

This time I am using Tooltip control inside a boostrap Modal.
The Tooltip control is displayed correctly in the "TopCenter" position but if I change it to "BottomCenter" or any other, no position changes are seen.

This is the code in the view:
<ejs-tooltip id="Tooltip" OpensOn="Focus" target=".form-control" created="onCreateTip" position="BottomCenter" content="HELLO TOOLTIP SYNCFUSION.">

  <e-content-template>
       <div id='target' class="form-group">
            <label for="inputQuota">Max Quota</label>
            <input type="number" name="quota" class="form-control" id="inputQuota">
       </div>
  </e-content-template>

</ejs-tooltip>


I tried to use (created = "onCreateTip") and within here set the position again but I have not had results.

Is there any method to fix it?
Thank you

3 Replies

SP Sowmiya Padmanaban Syncfusion Team December 14, 2020 11:39 AM UTC

Hi Santiago,  
 
Greetings from Syncfusion support. 
 
We have checked your reported problem with Tooltip component. We have already logged this issue as a bug (Tooltip position property is not working properly). We will include the fix for this bug in our Volume 4 SP1 release which is expected to rolled out by the end of January 2021.  
  
You can track the status of this issue fix through the following feedback portal link.  
  
 
We appreciate your patience. 
 
Regards,  
Sowmiya.P 



SA Santiago December 14, 2020 06:04 PM UTC

Thank you


SP Sowmiya Padmanaban Syncfusion Team December 15, 2020 03:23 AM UTC

Hi Santiago,  
  
We will update you the details once the release rolled out. 
  
We appreciate your patience. 
  
Regards,  
Sowmiya.P 


Loader.
Up arrow icon