Just a heads up: The solution to my problem ended up being CSS code that was triggered by clicking on a widget. Once I realized it was CSS, along with the widget name and hover action, I was able to handle it successfully.
Previous question before the PS above:
I have a widget that, when changed, causes a side bar Menu to slide out. I need to find the ID of this element in order to program it in Selenium. The issue is that in order to use Firebug or Chrome's 'identify element' feature, I have to hover over the widget. However, as soon as I get close to the widget, the side bar activates and I can't see the ID of the element.
What are some ways I can determine this widget's identity?
I attempted disabling Javascript as recommended in the response below, but it didn't work. Perhaps the code enabling the slider looks like this:-
#content-wrap1 {
position: fixed;
z-index:999;
top: 40px;
left: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#sidebar1{
position: fixed;
z-index:999;
top: 0px;
left: -250px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#content-wrap1:hover {
left: 50px;
z-index:999;
}
#content-wrap1:hover #sidebar1{
left: 0;
z-index:999;