Selenium click a button which is behind an div with higher z-index
I have a div which is defined as below:
<div class="Le8nfe" aria-hidden="true">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1440 810"
preserveAspectRatio="xMinYMin slice"
aria-hidden="true" height="100%" width="100%">
<!-- SOme path definition providing different background format -->
</svg>
</div>
The above div has the following CSS definition for its class:
.Le8nfe {
background: #fff;
bottom: 0;
direction: ltr;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: -1;
}
This is creating a background with a pattern. Then I have a button which is there in one of the div which is a sibling to the above div as shown below:
<div role="button" class="U26fgb O0WRkf zZhnYe C0oVfc sDzdve qxailb"
aria-disabled="false" tabindex="0">
<div class="Vwe4Vb MbhUzd" jsname="ksKsZd"></div>
<div class="ZFr60d CeoRYc"></div>
<content class="CwaK9">
<span class="RveJvd snByac">Yes</span>
</content>
</div>
The problem I am facing is that using Selenium I am not able to click on the button. It says that the element is not visible.
Any idea on how to click on such elements which are shadowed by another div with higher z-index
selenium selenium-chromedriver z-index
asked Nov 16 '18 at 10:07
MohamedSanaullaMohamedSanaulla
4,05742238
add a comment |
I have a div which is defined as below:
<div class="Le8nfe" aria-hidden="true">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1440 810"
preserveAspectRatio="xMinYMin slice"
aria-hidden="true" height="100%" width="100%">
<!-- SOme path definition providing different background format -->
</svg>
</div>
The above div has the following CSS definition for its class:
.Le8nfe {
background: #fff;
bottom: 0;
direction: ltr;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: -1;
}
This is creating a background with a pattern. Then I have a button which is there in one of the div which is a sibling to the above div as shown below:
<div role="button" class="U26fgb O0WRkf zZhnYe C0oVfc sDzdve qxailb"
aria-disabled="false" tabindex="0">
<div class="Vwe4Vb MbhUzd" jsname="ksKsZd"></div>
<div class="ZFr60d CeoRYc"></div>
<content class="CwaK9">
<span class="RveJvd snByac">Yes</span>
</content>
</div>
The problem I am facing is that using Selenium I am not able to click on the button. It says that the element is not visible.
Any idea on how to click on such elements which are shadowed by another div with higher z-index
selenium selenium-chromedriver z-index
asked Nov 16 '18 at 10:07
MohamedSanaullaMohamedSanaulla
4,05742238
1
You can use JavaScriptExecutor interface.
– Dhru 'soni
Nov 16 '18 at 13:09
I have got this error when the element needed to be scrolled into view
– sferret
Nov 19 '18 at 16:48
add a comment |
I have a div which is defined as below:
<div class="Le8nfe" aria-hidden="true">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1440 810"
preserveAspectRatio="xMinYMin slice"
aria-hidden="true" height="100%" width="100%">
<!-- SOme path definition providing different background format -->
</svg>
</div>
The above div has the following CSS definition for its class:
.Le8nfe {
background: #fff;
bottom: 0;
direction: ltr;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: -1;
}
This is creating a background with a pattern. Then I have a button which is there in one of the div which is a sibling to the above div as shown below:
<div role="button" class="U26fgb O0WRkf zZhnYe C0oVfc sDzdve qxailb"
aria-disabled="false" tabindex="0">
<div class="Vwe4Vb MbhUzd" jsname="ksKsZd"></div>
<div class="ZFr60d CeoRYc"></div>
<content class="CwaK9">
<span class="RveJvd snByac">Yes</span>
</content>
</div>
The problem I am facing is that using Selenium I am not able to click on the button. It says that the element is not visible.
Any idea on how to click on such elements which are shadowed by another div with higher z-index
selenium selenium-chromedriver z-index
asked Nov 16 '18 at 10:07
MohamedSanaullaMohamedSanaulla
4,05742238
I have a div which is defined as below:
<div class="Le8nfe" aria-hidden="true">
<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1440 810"
preserveAspectRatio="xMinYMin slice"
aria-hidden="true" height="100%" width="100%">
<!-- SOme path definition providing different background format -->
</svg>
</div>
The above div has the following CSS definition for its class:
.Le8nfe {
background: #fff;
bottom: 0;
direction: ltr;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: -1;
}
This is creating a background with a pattern. Then I have a button which is there in one of the div which is a sibling to the above div as shown below:
<div role="button" class="U26fgb O0WRkf zZhnYe C0oVfc sDzdve qxailb"
aria-disabled="false" tabindex="0">
<div class="Vwe4Vb MbhUzd" jsname="ksKsZd"></div>
<div class="ZFr60d CeoRYc"></div>
<content class="CwaK9">
<span class="RveJvd snByac">Yes</span>
</content>
</div>
The problem I am facing is that using Selenium I am not able to click on the button. It says that the element is not visible.
Any idea on how to click on such elements which are shadowed by another div with higher z-index
selenium selenium-chromedriver z-index
selenium selenium-chromedriver z-index
asked Nov 16 '18 at 10:07
MohamedSanaullaMohamedSanaulla
4,05742238
asked Nov 16 '18 at 10:07
MohamedSanaullaMohamedSanaulla
4,05742238
asked Nov 16 '18 at 10:07
MohamedSanaullaMohamedSanaulla
4,05742238
asked Nov 16 '18 at 10:07
MohamedSanaullaMohamedSanaulla
4,05742238
asked Nov 16 '18 at 10:07
MohamedSanaullaMohamedSanaulla
4,05742238
4,05742238
1
You can use JavaScriptExecutor interface.
– Dhru 'soni
Nov 16 '18 at 13:09
I have got this error when the element needed to be scrolled into view
– sferret
Nov 19 '18 at 16:48
add a comment |
1
You can use JavaScriptExecutor interface.
– Dhru 'soni
Nov 16 '18 at 13:09
I have got this error when the element needed to be scrolled into view
– sferret
Nov 19 '18 at 16:48
1
1
You can use JavaScriptExecutor interface.
– Dhru 'soni
Nov 16 '18 at 13:09
You can use JavaScriptExecutor interface.
– Dhru 'soni
Nov 16 '18 at 13:09
I have got this error when the element needed to be scrolled into view
– sferret
Nov 19 '18 at 16:48
I have got this error when the element needed to be scrolled into view
– sferret
Nov 19 '18 at 16:48
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53335558%2fselenium-click-a-button-which-is-behind-an-div-with-higher-z-index%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53335558%2fselenium-click-a-button-which-is-behind-an-div-with-higher-z-index%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
You can use JavaScriptExecutor interface.
– Dhru 'soni
Nov 16 '18 at 13:09
I have got this error when the element needed to be scrolled into view
– sferret
Nov 19 '18 at 16:48