dblclick() doesn't work as click()

[learningandworking]

Current behavior:

Error: CypressError: cy.dblclick() failed because this element is not visible:

+

This element '<span#hrefIncAdt.pax-add.pax-enabled>' is not visible because its content is being clipped by one of its parent elements, which has a CSS property of overflow: 'hidden', 'scroll' or 'auto'

Fix this problem, or use {force: true} to disable error checking.

Desired behavior:

• The double click function gets NO error as click function works.

Steps to reproduce: (app code and test code)

Having the code to demonstrate the issue as below

context('Drop-down with navigation', () =>{
        it.only('Check drop-down with navigation', ()=>{
            cy.visit('https://www.spicejet.com/')
            cy.get('.adult-infant-child').within(() => {
                cy.get('#divpaxinfo').click()
                    // choose number of adult
                    cy.get('#divAdult #hrefIncAdt').dblclick()
                    // choose number of child
                    cy.get('#divChild #hrefIncChd').click()

            })
        })
    })

1. Run the code above => get error

2. Work around:
   Replace the line
   cy.get('#divAdult #hrefIncAdt').dblclick()
   by
   cy.get('#divAdult #hrefIncAdt').click()

Versions

  "devDependencies": {
    "cypress": "^3.1.5",
    "cypress-xpath": "^1.3.0",
    "eslint-plugin-cypress": "^2.2.1"
  }

node version: v9.3.0
OS: MAC OS

[jennifer-shehane]

The dblclick command runs a check to ensureVisibility:

https://github.com/cypress-io/cypress/blob/develop/packages/driver/src/cy/commands/actions/click.coffee#L232-L234

But the click command goes through the actionability.verify:

https://github.com/cypress-io/cypress/blob/develop/packages/driver/src/cy/actionability.coffee#L206-L208

The dblclick should go through the same actionability.verify - for one thing, when using dblclick, it doesn't scroll the element into view before trying to click. As a workaround, can you try to scroll the element you want to dblclick into view before issuing the dblclick using the scrollIntoView command?

[learningandworking]

Thanks for your comment @jennifer-shehane

Tried to add a command below, but it didn't work

cy.get('#divChild #hrefIncChd')
                      .scrollIntoView()
                      .dblclick()

[Konstruktour]

in one case where dblclick didn't work the following workaround helped... maybe it also helps u

cy.get(....)
    .then((element) => {
        element.click();
        element.click();
});

[cypress-bot]

The code for this is done in cypress-io/cypress#3030, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 3.5.0.