selenium(python)でドロップダウンの要素を選択しようとするとエラーが出る。

Question

前提・実現したいこと

<input class="color-dropdown-trigger" type="text" readonly="true" data-target="select-options-colors"> <ul id="select-options-colors" class="dropdown-content" tabindex="0" style=""> <li id="select-options-colors0" tabindex="0" class="selected"> <span>選択してください</span> </li> <li id="select-options-colors1" tabindex="0"><span>青</span> </li> <li id="select-options-colors2" tabindex="0"><span>赤</span> </li> </ul> <select name="user[color]" id="user_color" tabindex="-1"> <option value="">選択してください</option> <option value="青">青</option> <option value="赤">赤</option> </select>

上のようなドロップダウンリストから一つの要素を選択したいです。

発生している問題・エラーメッセージ

    raise exception_class(message, screen, stacktrace)
selenium.common.exceptions.ElementNotVisibleException: Message: element not interactable: Element is not currently visible and may not be manipulated

該当のソースコード

import time
from selenium import webdriver
from selenium.webdriver.support.ui import Select
from selenium.webdriver.chrome.options import Options

options = webdriver.ChromeOptions()
options.add_argument('--headless')

driver_path = 'chromedriverの場所'

driver = webdriver.Chrome(driver_path)
top_url = '取りたいサイトのURL'
driver.maximize_window()
driver.get(top_url)
time.sleep(3)

Select(driver.find_element_by_xpath('〜〜〜〜〜')).select_by_value('青')
#xpathはchromeでselectタグのところを右クリック→copy xpathをコピーしました。

試したこと

・driver.maximize_window()をしてみた。
・ページ遷移が完全に終わっていないのでは？と思い、time.sleepを10秒にしてみましたが同じエラーが出ました。

補足情報（FW/ツールのバージョンなど）

chrome : 75.0.3770.100
Python 3.6.4 :: Anaconda, Inc.

Answer 1

慣れないうちは、一度に操作を記述しないほうがいいと思います。
本当にxpathは合っていますか？エラー画面には、何行目でエラーが出たのか出力されるはずですので、その行のコードをチェックしてください。
個人的な意見ですが、idやnameなど指定できるものがある時は、そちらを指定したほうが良いかと思います。

やろうとしていることはこのようなことでしょうか？

from selenium.webdriver.support.ui import Select

element = driver.find_element_by_id("user_color")
select_element = Select(element)
select_element.select_by_value('青')