Fix display for current language on change

1 files changed, 9 insertions, 6 deletions

diff --git a/src/js/listeners.js b/src/js/listeners.js
index 7f64375c..186dd70d 100644
--- a/src/js/listeners.js
+++ b/src/js/listeners.js
@@ -282,6 +282,12 @@ const listeners = {
             );
         }
 
+        // Volume change
+        utils.on(this.media, 'volumechange', () => {
+            // Save to storage
+            storage.set.call(this, { volume: this.volume, muted: this.muted });
+        });
+
         // Speed change
         utils.on(this.media, 'ratechange', () => {
             // Update UI
@@ -302,14 +308,11 @@ const listeners = {
 
         // Caption language change
         utils.on(this.media, 'languagechange', () => {
-            // Save to storage
-            storage.set.call(this, { language: this.language });
-        });
+            // Update UI
+            controls.updateSetting.call(this, 'captions');
 
-        // Volume change
-        utils.on(this.media, 'volumechange', () => {
             // Save to storage
-            storage.set.call(this, { volume: this.volume, muted: this.muted });
+            storage.set.call(this, { language: this.language });
         });
 
         // Captions toggle