How to interact with the button using Selenium webdriver and Python

Question

I want to try filling out the form on this page: https://konzinfoidopont.mfa.gov.hu. However, when I try to select the dropdown menu and click it, I get the following error:

selenium.common.exceptions.ElementNotInteractableException: Message: .

This is the mentioned button:

<button class="btn btn-sm btn-primary dropdown-toggle w-100" data-toggle="modal" data-target="#modal2">Helyszín kiválasztása</button>

And my code yet:

from selenium import webdriver
from selenium.webdriver.common.by import By
import time

url = "https://konzinfoidopont.mfa.gov.hu"

driver = webdriver.Safari()
driver.get(url)
time.sleep(5)
elem = driver.find_element(By.CSS_SELECTOR, "#label1 > button")
elem.click()

Answer 1

The desired element is within a Modal Dialog Box, so to click on the clickable element you need to induce WebDriverWait for the element_to_be_clickable() and you can use either of the following locator strategies:

• Using CSS_SELECTOR:

  driver.execute("get", {'url': 'https://konzinfoidopont.mfa.gov.hu/'})
  driver.execute_script("arguments[0].click();", WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.btn.btn-sm.btn-primary.dropdown-toggle[data-toggle='modal']"))))
  

• Using XPATH:

  driver.execute("get", {'url': 'https://konzinfoidopont.mfa.gov.hu/'})     
  driver.execute_script("arguments[0].click();", WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//button[contains(@class, 'btn btn-sm btn-primary dropdown-toggle') and @data-toggle='modal'][contains(@data-target, 'modal2') and text()='Helyszín kiválasztása']"))))
  

• Note: You have to add the following imports :

  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC
  

• Browser snapshot: