Обсуждали, договорились, что пока расширять API возможностями, которые не поддерживаются во всех браузерах из списка совместимости следует на стороне пользователей, которые будут сами за это отвечать.

Понял, спасибо!

Добрый день! Пробовал добавить required для input в input__control.bemhtml.js - не получилось

Вариант 1:

block('input').elem('control')(
    tag()('input'),

    attrs()(function() {
        var input = this._input,
            attrs = {
                id : input.id,
                name : input.name,
                value : input.val,
                maxlength : input.maxLength,
                tabindex : input.tabIndex,
                placeholder : input.placeholder,
                required : input.required
            };

        input.autocomplete === false && (attrs.autocomplete = 'off');
        this.mods.disabled && (attrs.disabled = 'disabled');

        return attrs;
    })
);

Вариант 2:

block('input').elem('control')(
    tag()('input'),

    attrs()(function() {
        var input = this._input,
            attrs = {
                id : input.id,
                name : input.name,
                value : input.val,
                maxlength : input.maxLength,
                tabindex : input.tabIndex,
                placeholder : input.placeholder
            };

        input.required === true && (attrs.required = true);
        input.autocomplete === false && (attrs.autocomplete = 'off');
        this.mods.disabled && (attrs.disabled = 'disabled');

        return attrs;
    })
);

Пожалуйста направьте в нужном направлении. Что сделать то надо, для того чтобы появился required?

Временно решил добавлением модификатора: input_required.bemhtml.js:

block('input').mod('required').elem('control').attrs()(function() {
    return this.extend(applyNext(), { required : true });
});

Как то не очень нравится, добавляется лишний класс - input_required. Подскажите, как будет более правильно?

Без модификатора можно так (важно положить код в input/__control/input__control.bemhtml.js, чтобы сохранился порядок):

block('input')(
    def()(function() {
        this._required = this.ctx.required; // прокидываем значение поля потомкам
        return applyNext();
    }),
    elem('control').attrs()(function() {
        return this.extend(applyNext(), { required: this._required });
    })
);

@tadatuta спасибо большое.

Вопрос: а если атрибут имеет тире, то его шаблонизатор bemhtml не сможет скушать?

К примеру aria-invalid в bemhtml выдает ошибку, и даже если я его указываю как - строку или объект

должно работать: https://goo.gl/jghrHm

Только вот, атрибут нужен для элемента, который находится в блоке с модификатором.

https://goo.gl/HoIIKl

А как в прошлом примере прокинуть .extend не получается. Рыл документацию - Синтаксис шаблона, не нашел подобного примера

block('input').mod('type', 'tel')(
    elem('control')(
        attrs()({'aria-invalid': 'false'})
    )
);

@tadatuta спасибо

по этой схеме это тоже пробовал, но видимо где то была синтаксическая ошибка. Главное, что вопрос закрылся со всеми атрибутами aria, теперь можно любой назначить.