Reducing or expanding the browser window width while the "Was this article helpful?" widget is expanded can cause the UI to break

[emilghittasv]

Steps to reproduce
Steps to reproduce the behavior:

Expanding the "Was this article helpful" widget before shrinking the browser window width case:

1. Go to any article.
2. Click on the "Yes" or "No" button from the "Was this article helpful?" widget.
3. Reduce the browser window width and notice how the widget reverts to it's initial state.
4. Click on the "Yes" or No" button again.

Expanding the "Was this article helpful" widget after shrinking the browser window width case":

1. Go to any article
2. Reduce the browser window width and click on the "Yes" or "No" button from the "Was this article helpful?" widget.
3. Increase the browser window width and notice how the widget reverts to it's initial state.
4. Click on the "Yes" or "No" button again.

Expected behavior
No UI issues are encountered and the state of the widget should be preserved regardless of the decrease/increase in browser window width.

Actual behavior
The widget state is not preserved after reducing or increasing the browser window width and could lead to UI breakage.

Screencasts
Expanding the "Was this article helpful" widget before shrinking the browser window

Expanding the "Was this article helpful" widget after shrinking the browser window width

Desktop:

• OS: Windows 11
• Browser: Firefox

Additional context
This issue is reproducible in stage.

[emilghittasv]

@akatsoulas The same UI issue is displayed after trying to vote the same article twice (once from tab A and once from tab B)

Would you like me to file a separate issue for this?

I've filled a separate ticket for this behavior #2136

[escattone]

This is happening because the HTML actually contains 2 .document-vote div's -- one in the sidebar, which is shown for large screen sizes, and the other in the <section class="sumo-page-section hide-on-large>...</section>, which is only shown when the .hide-on-large class kicks in (see https://github.com/mozilla/kitsune/blob/56bcd07af0aa8e050489474489fa5ba790201666/kitsune/sumo/static/sumo/scss/base/_utilities.scss#L50).

[emilghittasv]

I can confirm that this issue is verified fixed in stage.

Moving this ticket inside the release column.