'select2 initialization overwrites selected option in Chrome

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. enter image description here

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.

javascripthtmlcssjquery-select2


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions