Leaflet地图放大按钮与图层控件无法访问问题求助

大家好，我目前正在用Leaflet 1.9.3开发一个基于Gazetteer的Web项目，最近碰到了个棘手的问题——地图的放大按钮和图层控件都没法正常点击访问。

具体情况是这样的：图层控件默认在右上角，放大按钮在左上角，但哪怕当前缩放级别还没到最大值，放大按钮就是点不了，而且不管我切换成OpenStreetMap还是Esri这类不同的瓦片提供商，这个问题都存在。

另外我还需要实现一个下拉菜单选择国家的功能，我尝试调整过map元素的各种位置属性，但还是搞不清问题出在哪。

以下是我的CSS代码：

#map {
  position: absolute;
  font-family: inherit;
  height: 100%;
  width: 100vw;
  margin: 0;
  padding: 0;
  z-index: 1;
}

/* Select Container */
#selContainer {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  padding: 11px 0;
}

/* Select Country */
#selCountry {
  width: 200px;
  margin: 0 auto;
}

对应的HTML代码：

<span id="selContainer">
  <select id="selCountry" name="selCountry" class="form-select shadow-sm"></select>
</span>

备注：内容来源于stack exchange，提问作者derektypist