adobe / adobe/react-spectrum

Compatibility issue with Grammarly and DateField

Open
#6,169 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
15.9k
Forks
1.6k
Avg merge
3d 9m
Merged PRs (30d)
59

Description

### Provide a general summary of the issue here

Grammarly overlays its little dot over the individual date fields making them very hard to click. Is it possible to disable this from Spectrum's end?

![image](https://github.com/adobe/react-spectrum/assets/37826020/1cdc4471-1604-48cf-9873-a776d8ed6766)
![image](https://github.com/adobe/react-spectrum/assets/37826020/f82481e0-1e2c-4cd7-8057-033b28744485)

### 🤔 Expected Behavior?

Grammarly shouldn't overlay in a DateField

### 😯 Current Behavior

Grammarly currently overlays it's dot obscuring the click area of the spinbuttons

### 💁 Possible Solution

https://github.com/facebookarchive/draft-js/issues/616
https://stackoverflow.com/a/46777787

### 🔦 Context

I'm just testing against the production React Spectrum docs page

### 🖥️ Steps to Reproduce

1. Visit Spectrum with Grammarly enabled
2. Tab through the input field

https://react-spectrum.adobe.com/react-spectrum/DateField.html

### Version

Spectrum Docs

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

_No response_

### What operating system are you using?

MacOS

### 🧢 Your Company/Team

_No response_

### 🕷 Tracking Issue

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.