fixes #1662

controls/js/src/kirki.js

@@ -407,7 +407,7 @@ var kirki = {
 			 * @returns {void}
 			 */
 			init: function( control ) {
-				var element  = jQuery( 'select[data-id="' + control.id + '"' ),
+				var element  = jQuery( 'select[data-id="' + control.id + '"]' ),
 				    multiple = parseInt( element.data( 'multiple' ), 10 ),
 				    selectValue,
 				    selectWooOptions = {

controls/views/select.php

@@ -13,7 +13,7 @@
 	data.value = [ data.value ];
 }
 #>
-<div class="kirki-input-container" data-id="' + data.id + '">
+<div class="kirki-input-container" data-id="{{ data.id }}">
 	<label>
 		<# if ( data.label ) { #>
 			<span class="customize-control-title">{{ data.label }}</span>

readme.txt

@@ -40,6 +40,7 @@ If you want to integrate Kirki in your theme or plugin, please read the instruct
 * Fix: Allow using tabs & linebreaks when defining elements in the `output` argument [#1659](https://github.com/aristath/kirki/issues/1659)
 * Fix: PHP Warning when using `code` controls without a `label` defined [#1658](https://github.com/aristath/kirki/issues/1658)
 * Fix: Buttons inside `number` controls were not increasing/decreasing the values [#1648](https://github.com/aristath/kirki/issues/1648)
+* Fix: JS error  - only on Safari - for Select controls [#1662](https://github.com/aristath/kirki/issues/1662)
 * New: Transitioned to a JS-based webfont loader method to load google-fonts instead of using a link.
 * New: Moved `select` controls to new JS implementation.
 * New: Moved `text` and `textarea` controls (`generic` controls) to new JS implementation.