reactgrid icon indicating copy to clipboard operation
reactgrid copied to clipboard

Cell Editor is rendering off of the spreadsheet

Open bryanj0410 opened this issue 3 years ago • 1 comments

I have the Spreadsheet inside a div container in my application, and it works fine on smaller screens. But on a larger screen, it renders the cell editor input off the spreadsheet. It looks as though it is calculating the offset based on the page, but then the position is being set off of the div it is contained in.

This is what it does on a larger screen: MicrosoftTeams-image

This is what is expected: Screen Shot 2022-08-29 at 9 48 29 AM

  • Device: desktop
  • OS: Mac OS
  • Browser chrome

bryanj0410 avatar Aug 29 '22 15:08 bryanj0410

I had a similar issue when one of my elements didn't forward the ref when using a portal. Since it looks like you have a sidebar, I would imagine you are using a portal. Make sure to include the parent-most ref so it can calculate where it needs to be on the screen.

hunterwilhelm avatar Sep 07 '22 00:09 hunterwilhelm

Hi @bryanj0410! Did you manage to resolve the issue using Hunter's tip? If so please close the issue, otherwise it would really help if you could provide a MRE sandbox for I could investigate it and help you ;)

DLowHP avatar Aug 02 '23 09:08 DLowHP

@DLowHP I tried the suggestion and it still didn’t work for me, I ended up going a different route with the page.

bryanj0410 avatar Aug 09 '23 18:08 bryanj0410

Oh, I'm glad you've found a viable solution for yourself! I'm going to close this issue for now, as it doesn't seem to be very severe, but if you need any more help, I'd be happy to talk with you. Take care!

DLowHP avatar Aug 10 '23 07:08 DLowHP