Reproducing the issue

1. Select an option in the select2 element.
2. Navigate to any other page (www.google.com)
3. Navigate backwards using the browser back button
4. Notice the option is "selected" but the shown option is not the "selected" option, but instead the option the select2 element is initialized with.

This can be seen on the Basic Usage page from Select2, which is where this gif is sourced from.

Attempted Solutions

I know of a "fix" but it requires me to place every select2 call within a window.onpageshow listener.

This solution is heavy handed and doesn't address the actual issue with the placeholder/initialized options replacing the selected option on page load.

Conclusion

I'm looking for a more conclusive answer to this problem, targeting it at the source. Can anyone help me in identifying what css/js to override to remedy this placeholder replacement of the selected option on page load?

Thanks for reading.