atlassian / pragmatic-drag-and-drop

Fast drag and drop for any experience on any tech stack
https://atlassian.design/components/pragmatic-drag-and-drop
Other
9.28k stars 207 forks source link

DropIndicator #130

Open gwokwong opened 2 days ago

gwokwong commented 2 days ago

It seems like you're experiencing positioning issues with the DropIndicator component after integrating the board into your project, which uses Tailwind CSS. Here's how you might express this concern in English:

"I have integrated the 'board' into my project, which utilizes Tailwind CSS, and I'm encountering positioning issues with the 'DropIndicator' component. Could you help me troubleshoot this problem?"

If you need further assistance with the technical aspects or code related to this issue, feel free to provide more details, and I'll do my best to help you resolve it.

https://github.com/user-attachments/assets/dc59dcc3-6b73-4968-b45c-9fa35dc05b7b

`import type { Config } from 'tailwindcss'

const config: Config = { content: [ './src/pages//*.{js,ts,jsx,tsx,mdx}', './src/components/*/.{js,ts,jsx,tsx,mdx}', './src/app//*.{js,ts,jsx,tsx,mdx}', ], theme: { extend: { fontFamily: { sans: ['Inter, sans-serif', { fontFeatureSettings: '"cv11"' }], }, }, }, plugins: [], } export default config "@atlaskit/pragmatic-drag-and-drop": "^1.3.1", "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^1.4.0", "@atlaskit/pragmatic-drag-and-drop-flourish": "^1.1.1", "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3", "@atlaskit/pragmatic-drag-and-drop-live-region": "^1.0.7", "@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^1.1.2", `

gwokwong commented 2 days ago

"I'm wondering if the styles from Tailwind CSS are impacting the positioning of my DropIndicator component."