Reference Selectors don't show the selection

[njcramsey]

Screen Shot Widget

Describe the bug

If a Reference Selector is used in the container where the class is set to be used in the Screen Shot widget, it won't capture the selected referenced object*

To Reproduce
Steps to reproduce the behavior:

1. Create a page with a reference selector that is setup correctly
2. Add the widget and define the class on a div to be used by the widget so that it will contain the reference selector.
3. Run the project, navigate to the page with the widget and select a referenced attribute so it is visible on the page.
4. Print using the Screen Shot widget button and view the result (referenced attribute is not visible)

Expected behavior
The referenced attribute values that are selected are still visible in the screen shot pdf that is created.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 11
• Browser Chromium or Firefox tested
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
I added the chosen values via a nanoflow to populate an attribute in the referencing entity so it would be visible below the Reference Selector to help show the situation where Responsible Partner is set to Rowan Hinton but you only see the default text in the Reference Selector. Same for Project Manager: Nolan Ramsey below that in the screenshot.