Посторонним В.

В общем, ответ таков, что подобная реализация в Мадженто нужна для совместимости с ресурс-моделями её. Они берут этот массив, фильтруют и фигачат в SQL. Т.е. по сути это для совместимости с морально устаревшим кодом.

Преимуществ других в такой реализации я не нашел.

Спасибо Adamos за подсказки

/**
     * Recursively get all sub-companies IDs
     */
    private function getSubcompaniesIds(CompanyInterface $company): array
    {
        $ids = [];

        ($recursive = function ($company) use (&$ids, &$recursive) {
            $childCompanies = $this->companyRelationsResolver->getChildCompanies($company)->getItems();

            foreach ($childCompanies as $childCompany) {
                $ids[] = $childCompany->getId();
                $recursive($childCompany);
            }
        })($company);
        

        return $ids;
    }

Разобрался. Этот телефон просто не поддерживает DHCPv6 и поэтому не получает адрес у сервера. Включил SLAAC в роутере и всё заработало.

То что хотел сделать, не получилось - для интерфейсов make() параметры в конструктор не передаёт.
Вынес выбор реализации в спец класс (по входному параметру и карте) - дальше инстанциирую уже не интерфейс, а реализацию, и параметр работает.

Это стили сломали...

Вся проблема оказалась в недонастроенном локальном SSL . Я не добавил в conf файл сайта вот это:

<VirtualHost *:443>

   ...

SSLEngine on

SSLCertificateFile /etc/ssl/certs/apache-selfsigned.crt
SSLCertificateKeyFile /etc/ssl/private/apache-selfsigned.key

<FilesMatch "\.(cgi|shtml|phtml|php)$">
SSLOptions +StdEnvVars
</FilesMatch>
<Directory /usr/lib/cgi-bin>
SSLOptions +StdEnvVars
</Directory>
</VirtualHost>

В итоге маджентовский метод isSecure() возвращал false (я думал, что маджента проверяет только по какому протоколу запрашивается адрес, но она проверяет значения в $_SERVER - HTTPS и PORT) и использовались настройки из секции unsecure.

Оказалось, дело в картинках - они ломают layout. Заюзал imagesLoaded https://masonry.desandro.com/layout.html#imagesloaded , и всё отлично.

Ответ на вопрос - никак
https://stackoverflow.com/questions/5540485/how-to...

Пришлось юзать table/table-cell

.parent {
  display: table;
}
.first, .second {
  display: table-cell;
  vertical-align: top;
}

.first {
  width: 100px;
  height: 100px;
  background: red;
}

Оказалось, что это тип поста уже добавляется автоматически каким-то плагином из базы. В админке в Toolset->Типы публикаций всё настраивалось.

В дебрях body нашел <meta http-equiv="Refresh" content="80">

Пофиг, что этот тег только в хеде может быть. "Разработчикам" WP закон не писан.

Переставил ОС, чего мучаться

Наконец-то добился чего хотел:

gulp.task("uglify", function () {
    return gulp.src('./resources/assets/js/*.js')
        .pipe(babel({
            "presets": [
                [ "es2015", { "modules": false } ]
            ]
        }))
        .pipe(concat('main.js'))
        .pipe(uglify())
        .pipe(gulp.dest('./public/js'));
});

Без modules: false ломало нафиг jQuery.

Вся соль была в двух доменах на одном IP. Указал алиасы в vhosts, в правильном порядке прописал редиректы с именами доменов, и всё заработало.

Оказалось, что мой код работает-таки в Firefox, например.

Решил проблему сменой xml на Html. Правда, пришлось выдирать элемент из html/body.

function htmlToDOM(html)
{
    let parser = new DOMParser();
    return parser.parseFromString(html, "text/html").getElementsByTagName('body')[0].firstChild;
}

Другой возможный вариант:

function htmlToDOM(html)
{
    let temp = document.createElement("div");
    temp.innerHTML = html;
    return temp.firstChild;
}

Как я и думал, решение было близко. Нужно было просто задать max-* контейнеру, а картинке - width/height = 100%.
https://jsfiddle.net/8t7zs2ke/1/

Наконец-то нашёл более-менее простой способ.

Нужно прописать нечто такое перед инструкциями в tryToLogin():

if(!$('.login-form')[0].checkValidity()) {
        $('.login-form__submit').off( "click" ).click().click(function (e) {
            e.preventDefault();
            tryToLogin();
        });
        return false;
    }

Т.е. если браузер сообщает, что проверка не пройдена, мы анбиндим функцию с клика на сабмит, кликаем сабмит (браузер покажет нативные сообщения), и сразу же биндим функцию обратно.

Получилось:

.panel {
//...

&__button {
//...
$this: &;
  &_active  {
       @extend  #{$this};
       background: yellow;
  }

 }

}