iTwin / iTwinUI

A design system for building beautiful and well-working web interfaces.
https://itwin.github.io/iTwinUI/
MIT License
92 stars 35 forks source link

Table filter alignment issue for popup window on 3.x #2006

Closed sandiphudekar closed 1 week ago

sandiphudekar commented 2 weeks ago

Describe the bug (current behavior)

We are experiencing problems with filter alignment when upgrading from 2.x to 3.x in a popup window that has a table component.

image

Expected Behavior

Popover to table filter should be align

Link to minimal repro

https://codesandbox.io/p/sandbox/popout-window-table-5gw8sc?file=%2Fsrc%2FApp.tsx

Steps To Reproduce

No response

Anything else?

No response

mayank99 commented 16 hours ago

@sandiphudekar This is fixed in 3.10.0 🚀

You also don't need to pass portalContainer anymore. This code will work correctly:

{popoutDocumentBody &&
  ReactDOM.createPortal(
    <ThemeProvider>
      <Table
        columns={columns}
        data={data}
        emptyTableContent={"No Data"}
      />
    </ThemeProvider>,
    popoutDocumentBody
  )
}