kagekiri icon indicating copy to clipboard operation
kagekiri copied to clipboard

Kagekiri querySelector not working

Open shivamothkuri opened this issue 10 months ago • 4 comments

This is my CSS selector div.filters > div:nth-child(1) select.templateInputs

This works for Puppeteer and devtools element search. But, don't work in Kagekiri

When I digged into the source code, found that this is what happening.

Step1: select.templateInputs has a parent div - which resolves to div.uiInput Step2: div.uiInput has any direct(because of > selector) parent with div.filters? No. It fails here!

Sample html

<div class="filters runtime_sales_emailtemplateuiTemplateInsertDialog" data-aura-rendered-by="3135:0"
                data-aura-class="runtime_sales_emailtemplateuiTemplateInsertDialog">
                <div>
                    <div class="uiInput uiInputSelect uiInput--default uiInput--select"
                        data-aura-class="uiInput uiInputSelect uiInput--default uiInput--select"><label for="3137:0"
                            class="uiLabel-top form-element__label uiLabel" data-aura-rendered-by="3238:0"
                            data-aura-class="uiLabel"><span id="3137:0-label" title="Templates" class=""
                                data-aura-rendered-by="3239:0">Templates</span></label>

                              <select size="1" aria-describedby="" id="" class="templateInputs select" data-aura-rendered-by="3142:0" data-interactive-lib-uid="14"><!--render facet: 3143:0-->
                                   <option label="My Templates" value="MyLightning">My Templates</option>
                                   <option label="All Templates" value="AllLightning">All Templates</option>
                             </select>
                 </div>
</div>
</div>

shivamothkuri avatar Apr 12 '24 15:04 shivamothkuri