У бумажного степпера из полимерного компонента от zecat возникла проблема с навигацией назад

Question

Я использую бумажный шаговый полимерный компонент от zecat (http://zecat.github.io/paper-stepper/components/paper-stepper/). Моя проблема, как показано ниже.

• Все шаги с 1 по 5 отображаются правильно.
• Я могу перейти от предыдущего шага к любым будущим шагам. Например. От шага 1 до шага 2 или шага 3, от шага 2 до шага 3 или шага 5.
• Моя проблема в том, что я не могу выбрать предыдущий шаг, но я могу перемещаться по нему кнопкой назад. Например. из шага 3, шага 2 или шага 1 нельзя нажать.

Я пытаюсь использовать все атрибуты, такие как редактируемые, завершенные, выбираемые и т. Д., Но ничего не работает. Вот мой код:

        <paper-stepper  id="wizardStepper" alternative-label has-back-button has-skip-button selected={{selectedIndex}} finish-text="Yes" continue-text="Yes" update-text="Yes">
        <paper-step id="internetStepId" label="Internet & VPN" >
            <div class="wizard-content-div">
                <h4>Network Configurations</h4>

            </div>
        </paper-step>


        <paper-step id="customerDataStepId" label="360 Customer Data"  >
            <div class="wizard-content-div">
                <h4>Customer Data</h4>

            </div>
        </paper-step>

        <paper-step id="inboundConnectorStepId" label="Inbound Connectors"  >
            <div class="wizard-content-div">
                <h4>Inbound connectors</h4>

            </div>
        </paper-step>


        <paper-step id="outboundConnectorStepId" label="Outbound Connectors"  >
            <div class="wizard-content-div">
                <h4>outbound connector</h4>

            </div>
        </paper-step>


        <paper-step id="marketingCampaignStepId" label="Marketing Campaigns"  >
            <div class="wizard-content-div">
                <h4>marketing campaign</h4>

            </div>
        </paper-step>

    </paper-stepper>

Answer 1

Я нашел причину этой проблемы. Шаги, предшествующие текущему выбранному шагу, отключены из-за более низкого значения z-index css. Вам нужно дать значение z-index, которое больше, чем выбранный в данный момент шаг.