@@ -157,17 +157,9 @@ export const ColumnHeaderModal = (props: ColumnHeaderModalProperties) => {
157
157
158
158
useEffect ( ( ) => {
159
159
if ( open && ref . current && openerRef . current ) {
160
- customElements
161
- . whenDefined ( getUi5TagWithSuffix ( 'ui5-popover' ) )
162
- . then ( ( ) => {
163
- ref . current . opener = openerRef . current ;
164
- if ( canRenderPortal && open ) {
165
- ref . current . showAt ( openerRef . current ) ;
166
- }
167
- } )
168
- . catch ( ( ) => {
169
- // silently catch
170
- } ) ;
160
+ void customElements . whenDefined ( getUi5TagWithSuffix ( 'ui5-popover' ) ) . then ( ( ) => {
161
+ ref . current . opener = openerRef . current ;
162
+ } ) ;
171
163
}
172
164
} , [ open , canRenderPortal ] ) ;
173
165
@@ -177,6 +169,7 @@ export const ColumnHeaderModal = (props: ColumnHeaderModalProperties) => {
177
169
178
170
return createPortal (
179
171
< Popover
172
+ open = { open }
180
173
hideArrow
181
174
horizontalAlign = { horizontalAlign }
182
175
placementType = { PopoverPlacementType . Bottom }
@@ -185,8 +178,14 @@ export const ColumnHeaderModal = (props: ColumnHeaderModalProperties) => {
185
178
onClick = { stopPropagation }
186
179
onAfterClose = { onAfterClose }
187
180
onAfterOpen = { onAfterOpen }
181
+ data-component-name = "ATHeaderPopover"
188
182
>
189
- < List onItemClick = { handleSort } ref = { listRef } onKeyDown = { handleListKeyDown } >
183
+ < List
184
+ onItemClick = { handleSort }
185
+ ref = { listRef }
186
+ onKeyDown = { handleListKeyDown }
187
+ data-component-name = "ATHeaderPopoverList"
188
+ >
190
189
{ isSortedAscending && (
191
190
< StandardListItem type = { ListItemType . Active } icon = { iconDecline } data-sort = "clear" >
192
191
{ clearSortingText }
0 commit comments