Программа чтения с экрана считывает элементы списка несколько раз - PullRequest
Новая
       28

Программа чтения с экрана считывает элементы списка несколько раз

1 голос
/ 02 апреля 2019

Я пытаюсь сделать проект полностью доступным, но программа чтения с экрана читает несколько элементов из моего списка несколько раз.

Редактировать: Кажется, эта проблема возникает только в Google Chrome

это исходный код: 

<ul class="o-contact__list">
    <li *ngIf="page?.result?.fields?.contactAddress">
        {{ page?.result?.fields?.contactAddress }}
    </li>
    <li *ngIf="page?.result?.fields?.contactEmail">
        {{ page?.result?.fields?.contactEmail }}
    </li>
    <li *ngIf="page?.result?.fields?.contactTel">
        {{ page?.result?.fields?.contactTel }}
    </li>
    <li *ngIf="page?.result?.fields?.contactPrice">
        {{ page?.result?.fields?.contactPrice }}
    </li>
</ul>

И это вывод HTML: 

<ul class="o-contact__list">
    <!--bindings={"ng-reflect-ng-if": "mainstreet 123"}--><li>
        mainstreet 123
    </li>
    <!--bindings={"ng-reflect-ng-if": "info@email.com"}--><li>
        info@email.com
    </li>
    <!--bindings={"ng-reflect-ng-if": "tel.: 555 7125"}--><li>
        tel.: 555 7125
    </li>
    <!--bindings={"ng-reflect-ng-if": "free"}--><li>
        free
    </li>
</ul>

По какой-то причине первый элемент читается 3 раза. Два следующих элемента читаются дважды, а последний элемент читается только 1 раз.

1 Ответ

0 голосов
/ 03 апреля 2019

Я обнаружил, что проблема заключается в моделировании. Элементы списка имели ::before, что вызывало проблему с несколькими показаниями. Я изменил его на ::after, что решило проблему. Я не знаю точно, почему это так, поэтому, если кто-то еще знает ответ на этот вопрос, я хотел бы услышать!

...