docs(click.md): update click.md documentation (#2303)
Updates according to 545c43d28d
This commit is contained in:
parent
e312845ba9
commit
e658a3e48a
|
|
@ -116,16 +116,20 @@ These are some of the corner cases that Playwright aims to support.
|
||||||
|
|
||||||
### Targeting
|
### Targeting
|
||||||
|
|
||||||
- Button with span/label inside that has `pointer-events: none`.
|
- Element has `pointer-events: none`.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<button>
|
<label style="pointer-events:none">Click target</label>
|
||||||
<label style="pointer-events:none">Click target</label>
|
|
||||||
</button>
|
|
||||||
```
|
```
|
||||||
|
|
||||||
Playwright assumes that in such a case the first parent receiving pointer events is a click target.
|
Playwright will wait until `pointer-events: none` goes away or times out. However, if the element is inside of a `<button>` tag, Playwright will
|
||||||
This is very convenient with something like `text=Click target` selector that actually targets the inner element but wants to click on the parent button.
|
wait until the button can accept pointer events.
|
||||||
|
|
||||||
|
```html
|
||||||
|
<button style="pointer-events: none">
|
||||||
|
<label>Click target</label>
|
||||||
|
</button>
|
||||||
|
```
|
||||||
|
|
||||||
|
|
||||||
## Unsupported click scenarios
|
## Unsupported click scenarios
|
||||||
|
|
@ -231,15 +235,3 @@ Other scenarios are perfectly fine, but Playwright cannot support them, and we u
|
||||||
|
|
||||||
We consider this a bug in the page, because in most circumstances users will not be able to click the element.
|
We consider this a bug in the page, because in most circumstances users will not be able to click the element.
|
||||||
When the overlay element is actually handling the input instead of the target element, use `{force: true}` option to skip the checks and click anyway.
|
When the overlay element is actually handling the input instead of the target element, use `{force: true}` option to skip the checks and click anyway.
|
||||||
|
|
||||||
- `pointer-events` changes dynamically.
|
|
||||||
|
|
||||||
```html
|
|
||||||
<button style="pointer-events: none">Click me</button>
|
|
||||||
<script>
|
|
||||||
setTimeout(() => document.querySelector('button').style.pointerEvents = 'auto', 5000);
|
|
||||||
</script>
|
|
||||||
```
|
|
||||||
|
|
||||||
We consider this a bug in the page, because users will not be able to click the element when they see it.
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue