neeto-editor icon indicating copy to clipboard operation
neeto-editor copied to clipboard

Unify dropdown implementation for consistency and RTL support

Open praveen-murali-ind opened this issue 2 months ago • 2 comments

https://praveen-murali.neetorecord.com/watch/3aaf03aadc48920a1030

Currently, there are some consistency issues with the dropdown component.

Current behavior

  • For elements like Headings, we use the Neeto UI dropdown component, which internally uses Tippy.js for positioning.
  • However, some dropdowns inside the document body use custom implementations for calculating position and height (e.g., Link to Neeto KB article).
  • These custom implementations cause: Code duplication across multiple files Inconsistent styles Lack of RTL compatibility

Expected behavior

  • All dropdowns should use a consistent implementation, preferably the Neeto UI dropdown.
  • This will reduce code duplication, ensure consistent styling, and simplify RTL support.

@josephmathew900 _a Could you please assign someone to check the feasibility?

praveen-murali-ind avatar Nov 13 '25 15:11 praveen-murali-ind

@labeebklatif _a

josephmathew900 avatar Nov 14 '25 02:11 josephmathew900

Labeeb: You can refer this PR. I think we might be able to use the NeetoUI dropdown directly and remove the custom implementation and manual calculations. Even the previous dropdowns inside document body and popovers also has this custom position calculation. So we might have to look for that also.

SumitPanda0 avatar Nov 19 '25 06:11 SumitPanda0