Bootstrap 3.4.1 дезинфицирующее средство: разрешить прогресс-бар внутри поповера - PullRequest
Новая
       61

Bootstrap 3.4.1 дезинфицирующее средство: разрешить прогресс-бар внутри поповера

0 голосов
/ 27 сентября 2019

Bootstrap 3.4.1 и 4.3.1 теперь поставляется с дезинфицирующим средством для предотвращения XSS.Я пытаюсь разрешить все необходимые атрибуты для отображения индикатора выполнения внутри всплывающего окна AdminLTE на основе начальной загрузки 3.4.1.С .popover({sanitize: false}); все работает должным образом:

working example

С пользовательским белым списком дезинфицирующего средства, как указано в документации по начальной загрузке, индикатор выполнения не отображается:

the problem

Это пользовательский белый список: 

       var myDefaultWhiteList = $.fn.popover.Constructor.DEFAULTS.whiteList;
        myDefaultWhiteList.div = ['role', 'aria-valuenow', 'aria-valuemin', 'aria-valuemax'];
        myDefaultWhiteList.span = ['class'];
        myDefaultWhiteList.table = ['class'];
        myDefaultWhiteList.tbody = [];
        myDefaultWhiteList.tr = [];
        myDefaultWhiteList.td = ['colspan'];

        console.log(myDefaultWhiteList);

        $(function () {
            $('[data-toggle="popover"]').popover({
                whiteList: myDefaultWhiteList
            });
        });

И это содержимое моего поповера: 

<div class="progress progress-sm active">
    <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar"
         aria-valuenow="6" aria-valuemin="0"
         aria-valuemax="10"
         style="width: 60%">
        <span class="sr-only">6/10</span>
    </div>
</div>
<div class="no-padding">
    <table class="table table-condensed therapy-popover-table">
        <tbody>
        <tr>
            <td>Protocollo N°</td>
            <td>837-2019PC</td>
        </tr>
        <tr>
            <td>Codice prescrizione</td>
            <td>93xxxx1</td>
        </tr>
        <tr>
            <td>Prescrizione</td>
            <td><small>IDROCHINESITERAPIA INDIVIDUALE (9xxxx1) (30')</small></td>
        </tr>
        <tr>
            <td>Data evento lesivo</td>
            <td>10/09/2019</td>
        </tr>
        <tr>
            <td>Data prescrizione</td>
            <td>10/09/2019</td>
        </tr>
        <tr>
            <td>Priorità</td>
            <td>Breve</td>
        </tr>
        <tr>
            <td>Tipo prestazione</td>
            <td>Privato</td>
        </tr>
        <tr>
            <td colspan="2"><a href="/prescription/update/2602"><i class="fa fa-share-square"></i> Vai alla prescrizione</a></td>
        </tr>
        </tbody>
    </table>
</div>

Кто-нибудь испытывал проблемы с дезинфицирующим средством при начальной загрузке и пользовательским белым списком?По моему, все работает (таблицы, атрибуты colspan и т. Д.), Кроме индикатора выполнения ...

1 Ответ

0 голосов
/ 27 сентября 2019

Дерьмо.Я забыл атрибут style.

Итак, правильная роль: 

myDefaultWhiteList.div = ['style'];

, поскольку 'role', 'aria-valuenow', 'aria-valuemin', 'aria-valuemax' уже определены в белом списке по умолчанию.

...