Perspective Alarm Journal Table - Date Range picker cut off in Popup

[bsantaella]

Hi everyone,

I am experiencing an issue with the Alarm Journal Table component in Perspective (Ignition 8.3) when it is opened inside a Popup window.

When a user clicks on the date range selector (the clock icon on the top left toolbar), the dropdown menu gets completely cut off by the left edge of the screen/container. Expanding the popup window to a larger size does not fix the issue, as the dropdown seems to position itself absolutely relative to the toolbar and clips past the boundary.

I have already tried changing the overflow: visible property on the view's root container, but the clipping persists because it happens right at the edge of the table component's inner layout.

Has anyone encountered this issue before? Is there a known workaround or a specific CSS style/injection to force the date picker dropdown to render on top (z-index) or shift it to the right?

Thanks in advance for your help!

[nminchin]

It looks like you have custom styles set on your popup, given it looks different from the defaults. I'd suggest these are the culprits here, as the default styles are fine:

Simplest way to check is to look in the browser's dev tools at that popup, and see what styles are on various levels relating to it in the DOM

I'd be looking to see if overflow: hidden is set on this classed DOM element:

Note: the overflow for yours will not be set on the "element.style", it will be part of another rule; I added this manually via the dev tools.

If you go to the "Computed" tab and look for "overflow" you can then click on the link beside it on the to nav to the rule that defines it:

If the rule is defined within the stylesheet, it will appear something like this:

Apologies for the scribbles...