-
Fallback!
Today, I implemented functionality for renaming and deleting types, added authentication forms, and expanded a dialog form to handle multiple fields with autocomplete. I faced an issue with password manager warnings for hidden username fields and resolved it by using CSS to hide the input properly. I also created a new dialog control, fixed an… Read More
-
React Glider
Smooth gliding animations for drag-and-drop in a React app. A reusable library (@CodeJamboree/glider) tracks positions and applies styles during drag operations. Keys for data identification and element references are crucial for the library to function. ForwardRef used to access element positions, and useLayoutEffect for post-paint calculations. Quirks with styling and Drag & Drop behavior addressed… Read More
-
Pragmatic Drag & Drop
Exploring Atlassian’s new library, “Pragmatic Drag & Drop”, which offers more flexibility for drag-and-drop functionality across platforms. After initial setup struggles, the library was configured to my needs. The result is smoother drag-and-drop with visual enhancements and easier implementation compared to my custom solution. The library’s modularity and built-in functionalities are commendable. Read More
-
Dragon Drops
Exploring the challenges of implementing drag-and-drop in React using Material UI and React DnD. A custom library to address these challenges was created, providing reusable components and hooks for managing draggable and droppable elements. The library offers flexibility and control over drag-and-drop behavior. Read More
-
Styling Log Table
I start styling a simple HTML table and work through each column representing data as icons, truncating content, and creating hashed images. Read More





