Tooltip is hidden under the grid

I am using GridComponent with action column which shows dropdown. When there is only one row of data is present the dropdown is clipped/hidden. Attaching screenshot for reference. Issue exists even for tooltip.


Image_4696_1722994893992

Image_4175_1722994907865

Image_8685_1722994971899

Image_9021_1722994988267


3 Replies

PS Pavithra Subramaniyam Syncfusion Team August 7, 2024 01:27 PM UTC

Hi Vinay Adiga,


Greetings from Syncfusion support


After reviewing your shared information, we could see you are encountering issue in showing the tooltip and list items inside the Grid. As per your shared information, we have prepared the sample, tried to reproduce the reported problem at our end, but it was unsuccessful. Please refer to the below screenshot and sample for more information.




Sample: h
React Grid Aggregate Tooltip (forked) - StackBlitz


So, to validate further we need some information for our clarification. So please share the below details that would be helpful for us to provide better solution.


  1. Is there any customization in EJ2 Syncfusion style in your sample?
  2. Share the Syncfusion theme files reference.
  3. Share the full Grid code example.


Regards,

Pavithra S



VA Vinay Adiga August 7, 2024 02:06 PM UTC

We are using flowbite-react tooltip and select(dropdown) as column template.




PS Pavithra Subramaniyam Syncfusion Team August 8, 2024 01:26 PM UTC

Vinay Adiga,


We have updated the sample with select dropdown in Grid template column, but the list is showing fine. Please refer to the screenshot and sample link.



https://stackblitz.com/edit/react-kt1prz-17klpw?file=index.js


So, could you please share the requested details in our previous update which will be helpful for us to validate the reported scenario further?


Loader.
Up arrow icon