Ggtkuk

I am trying to either add an additional class "browser-default" to the country_id select field, or replace the existing "select" class with "browser-default"

I put together a quick AttributeMerger plugin based on another post on here, but whenever I try to add an additional class to "country_id," the field class list is updated instead, e.g.:

<?php

namespace MGSCheckoutExtendedModelPlugin;

class AttributeMergerPlugin

 public function afterMerge(MagentoCheckoutBlockCheckoutAttributeMerger $subject, $result)
 
 if (array_key_exists('country_id', $result)) 
 $result['country_id']['additionalClasses'] = 'browser_default';
 

 return $result;
 

Returns this result:

<div class="field browser_default _required" data-bind="visible: visible, attr: 'name': element.dataScope, css: additionalClasses" name="shippingAddress.country_id">

Instead of the expected:

<div class="field _required" data-bind="visible: visible, attr: 'name': element.dataScope, css: additionalClasses" name="shippingAddress.country_id">
 <label class="label" data-bind="attr: for: element.uid " for="XW1HKET">
 <!-- ko if: element.label -->
 <span data-bind="i18n: element.label">Country</span>
 <!-- /ko -->
 </label>
 <div class="control" data-bind="css: '_with-tooltip': element.tooltip">
 <!-- ko ifnot: element.hasAddons() -->
 <!-- ko template: element.elementTmpl -->
 <select class="select browser-default" data-bind="

I have also tried using ['country_id'][0]['additionalClasses'] instead of ['country_id']['additionalClasses'], but with no luck.

I am sure the plugin is working correctly because I can update the placeholder text of another field (text input) just fine. I just can't seem to update this particular select box.

I would appreciate any help with this!