Сергей delphinpro

"Не все так просто". Как пафосно.

А на деле всего лишь реализовать изъезженную штуку. Click outside называется. Закрытие селекта при клике вне его.
Гуглить по фразе javascript click outside, ответов - тысячи.

UPD

<form action= …>
    <input name="fileskin" type="file" onchange="this.form.submit()">
</form>

<div class="grid">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
    <img class="grid-item" src="">
</div>

.grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 2px;
}
.grid-item:nth-child(1),
.grid-item:nth-child(2) { grid-column: span 3; }
.grid-item:nth-child(3),
.grid-item:nth-child(4),
.grid-item:nth-child(5) { grid-column: span 2; }

Абсолютное позиционирование "вырывает" элемент из текущего потока и он не влияет на своих родителей в плане занимаемого места.

Вы что курили, когда такие имена классов придумывали? Мне отсыпьте.

function sum(num1, num2, callback) {
    let res = num1 + num2;
    let returnParam = callback(res);
    console.log(returnParam);
}

sum(1, 3, function(result){
    console.log(result);
    return 'data for returnParam';
})

в javascript не предусмотрена такая запись сравнения. В сравнении участвую только два операнда. В первом случае у нас две операции сравнения и они будут выполнены в порядке очередности. То есть скобки будут такие (604.5 < -597.5) < 512.5

604.5 < -597.5 < 512.5
(604.5 < -597.5) < 512.5
false < 512.5 // тут приведение типа bool к int
0 < 512.5
true

Во втором случае приоритет операторов немного иной. Сначала выполняются сравнения, потом логическое И.

604.5 < -597.5 && -597.5 < 512.5
(604.5 < -597.5) && (-597.5 < 512.5)
false && true
false

Вам нужно освежить знания по темам: операции сравнения, логические операции, неявное приведение типов, приоритет операторов.

https://getbootstrap.com/docs/5.2/components/navs-...
на селекте слушать onchage, а там уже триггерить нужный таб, в зависимости от выбранной опции

File | Settings | Editor | Code Editing

if (value.error) {

}

а вообще лучше сделать так, чтобы ошибка до сюда не доходила. Централизованно где-то выше, при получении данных, отсекать ошибку и показывать уведомление.

.products__item {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.products__item.inactive {
  opacity: 0.5;
}

$input = 'apple.com/ru';
$host = parse_url($input, PHP_URL_HOST);
if ($input === $host) {
 // передан только домен
}

https://www.php.net/manual/ru/function.parse-url.php

Да забудьте вы уже про resize!
Есть же matchMedia. Сделайте два медиавыражения
(min-width: 1024px)
(max-width: 1023px)
В одном инициализируйте плагин, в другом удаляйте. Обработчик matchMedia вызывается один раз при срабатывании медиа-выражения, а не на каждый чих, как resize, проблем не будет.

в контекстном меню например

#element {
  overow-y: auto;

Где-то основном скрипте

import {Activity} from "../Android.js";
window.Activity = new Activity();

Потом в любом месте

<script type="module">
   Activity.startActivity(...);
</script>