Selen Element ist nicht sichtbar und so kann nicht mit

Question

Ich habe eine Seite wie diese interagiert werden:

<div class="CodeMirror"> 
 
<div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 6.2px; left: 182.2px;"> 
 
\t <textarea autocapitalize="off" autocorrect="off" style="position: absolute; padding: 0px; width: 1px; height: 1em;" wrap="off"></textarea> 
 
</div> 
 
<div style="display: none; height: 106px;" class="CodeMirror-scrollbar"> <div style="height: 114px;" class="CodeMirror-scrollbar-inner"></div></div> 
 
<div> ... 
 
... 
 
.. 
 
</div> 
 
<pre style="top: 39px; left: 0px;" class="CodeMirror-cursor">&nbsp;</pre> 
 
<div style=""> 
 
<pre>asdf</pre> 
 
<pre>asdfasdf</pre> It's weird the textarea content is here 
 
<pre>asdfasdf</pre> 
 
<pre> </pre> 
 
</div> 
 
... 
 
...

und ich verwende Selen zu wählen, sondern erhalten zwei Elemente und ich sende Schlüssel zu einer von ihnen es Selenium::WebDriver::Error::ElementNotVisibleError: Element is not currently visible and so may not be interacted with

Hier ist meine Operation Befehl wirft:

browser.browser.public_send(:textareas, :xpath => "//div[@class='CodeMirror']//textarea[@wrap='off']")[0].html 
 
=> "<textarea autocapitalize=\"off\" autocorrect=\"off\" style=\"position: absolute; padding: 0px; width: 1px; height: 1em;\" wrap=\"off\"></textarea>" 
 
[58] pry(#<CucuShift::DefaultWorld>)> browser.browser.public_send(:textareas, :xpath => "//div[@class='CodeMirror']//textarea[@wrap='off']")[1].html 
 
=> "<textarea autocapitalize=\"off\" autocorrect=\"off\" style=\"position: absolute; padding: 0px; width: 1px; height: 1em;\" wrap=\"off\"></textarea>" 
 

 
browser.browser.public_send(:textareas, :xpath => "//div[@class='CodeMirror']/descendant::textarea[@autocorrect='off']")[1].click 
 

 
Selenium::WebDriver::Error::ElementNotVisibleError: Element is not currently visible and so may not be interacted with 
 
from [remote server] file:///tmp/webdriver-profile20160801-26332-bu7605/extensions/fxdriver@googlecode.com/components/command-processor.js:10092:in `fxdriver.preconditions.visible' 
 

 
browser.browser.public_send(:textareas, :xpath => "//div[@class='CodeMirror']/descendant::textarea[@autocorrect='off']")[1].send_keys '1234' 
 

 
Selenium::WebDriver::Error::ElementNotVisibleError: Element is not currently visible and so may not be interacted with 
 
from [remote server] file:///tmp/webdriver-profile20160801-26332-bu7605/extensions/fxdriver@googlecode.com/components/command-processor.js:10092:in `fxdriver.preconditions.visible'

die seltsame Sache ist, diese auch Elemente html gleich sind.

Answer 1

Der Grund, warum Sie nicht auf den Textbereich zugreifen können, ist, dass das übergeordnete div Ihres Textbereichs das Attribut "overflow: hidden" hat. Daher ist Ihr Textbereich unsichtbar. Wenn Sie das Attribut "overflow: hidden" aus Ihrem Code löschen, wird der Textbereich sichtbar und Sie können ihn mit Selenium manuell aufrufen.

Hinweis für Rezensenten: In der Tat ist die Frage selbst nicht so klar. Ich habe versucht, sie unter dem Titel zu beantworten: Der Benutzer möchte mit einem Webelement interagieren, und meine Antwort bietet eine Lösung.