Блок iview (перевод = ложь, внутренний = истина) отображается в теге снаружи, а не внутри в IE10

Question

Ситуация в Chrome нормальная, но также в IE11

С установленными параметрами «передача» (ложь) и «внутреннее» (истина), ящик работает по следующей ссылке:

https://run.iviewui.com/prdkRwyB

обычно действует

Проблема возникает при использовании IE10

Отображение ящика в теге снаружи, а не внутри.

ненормальный эффект

И HTML-код ящика был помещен из родительского тега

Answer 1

Я нашел решение проблемы. (Iview 3.2.2)

iview / src / directives / tansfer-dom.js

Этот файл js обрабатывает DOMзадание переноса, которое приводит к переносу панели выдвижного ящика из родительского DOM.

inserted (el, { value }, vnode) {
        if ( el.dataset && el.dataset.transfer !== 'true') return false;
        el.className = el.className ? el.className + ' v-transfer-dom' : 'v-transfer-dom';
        const parentNode = el.parentNode;
        if (!parentNode) return;
        const home = document.createComment('');
        let hasMovedOut = false;

        if ( value !== false) {
            parentNode.replaceChild(home, el); // moving out, el is no longer in the document
            getTarget(value).appendChild(el); // moving into new place
            hasMovedOut = true
        }
        if (!el.__transferDomData) {
            el.__transferDomData = {
                parentNode: parentNode,
                home: home,
                target: getTarget(value),
                hasMovedOut: hasMovedOut
            }
        }
    },

В качестве файла отображается

if (значение! == false)

Решение по строке 9 не присваивается.

После замены кода, как показано ниже, и перестройки iview с помощью команды 'npm run dist' ，

if (value && value! == false)

ящик хорошо показывает в IE10

Answer 2

Если вы используете инструменты разработчика F12 для проверки HTML и CSS, вы можете видеть, что ящик находится вне тела карты iview, похоже, что эта проблема связана с iView, вы можете связаться с ними и оставить отзыв об этой проблеме.

Снимок экрана в IE 11:

Снимок экрана в IE 10: