64.1 Fix Bug kéo thả khi cần bôi đen Text bằng chuột | NodeJS + MongoDB | TrungQuanDev

[@trungquandev]

🍀Xem xong video này rồi có cảm nghĩ gì thì bạn hãy comment bên dưới cho mình biết với nhé 😄 🔔Like video cũng như Đăng Ký Kênh ủng hộ mình & Join cộng đồng Discord hoặc Facebook rất văn minh lịch sự tại đây nha: 🔗Discord: Kiến Thức Lập Trình: discord.gg/ycSbhP6gDu 🔗Fanpage: Trung Quân DEV: facebook.com/trungquandev 🔗Group: Cộng đồng Lập Trình Web • Front-end & Back-end Việt Nam: facebook.com/groups/laptrinhwebvietnam

[@cruzlee4092]

video hay anh ơi ♥ Tiện cho em hỏi chút youtube hoặc github có thanh progress top loading bar khi mà nó loading xong ms chuyển route thì làm ntn ạ. 😀

[@trungquandev]

2 từ khóa dành cho em nhé: - Trong MUI mà anh dạy nó có một thứ là Progress (có thể custom ở bất cứ component nào mà em muốn) - Nhớ lại về Axios Interceptors anh đã từng nhắc ở vài video trước cũng như có comment trong code của file axios, hiểu là khi api đang chạy thì chúng ta cũng có thể chèn một cái Progress Bar lên đầu trang, khi API chạy xong thì ẩn nó đi là được.

[@cruzlee4092]

@@trungquandev dạ thanks anh

[@tien2134]

a ơi em có thể fix bug này bằng cách bọc tất cả phần từ headerCard cho tới hết footerCard vào trong 1 Box mới bên trong Box cha , sau đó ném {...listeners} vào trong Box mới đó dc k ạ. Còn cái trường hợp k mở form thì em sẽ để ngoài Box mới vừa tạo thì nó sẽ ko lắng nghe sk drag.

[@tien2134]

Trong Box mới vừa tạo sẽ bao gồm HeaderCard, BodyCard và ( footerCard khi mở form ) && isOpenForm, và lắng sk drag ở Box đó. Còn ở ngoài Box mới thì sẽ là trường hợp ! isOpenForm && ( footerCard khi ko mở form )

[@trungquandev]

@@tien2134 hmm, có thể và có nhiều cách để em làm được, tuy nhiên trong trường hợp này em cần tính đến câu chuyện tái sử dụng lại code cho việc "chặn event kéo thả" ở nhiều nơi, em nên follow theo cách anh hướng dẫn ở trên nhé. Về sau khi cần mở rộng > cần chặn ở phần tử cụ thể nào đó thì chỉ cần thêm cái data-no-dnd là xong. Rất gọn gàng.

[@ntramu4186]

Cùng link issues đó thì có một ông bảo thêm data-no-dnd="true" không hoạt động và hôm nay em thử cũng không được ạ

[@trungquandev]

Là sao em nhỉ?, Video này anh hướng dẫn fix xong cả rồi mà?

[@ntramu4186]

Em làm theo như trong vid nhưng không fix được a ạ, em check kĩ cả trên link git rồi. Ở link issues đó thì dưới cái solution mà a sử dụng cũng có ông cmt là không fix được dù thêm data-no-dnd. Có lẽ do phiên bản ạ…

[@trungquandev]

@@ntramu4186 ừ thì anh nhắc rất nhiều lần vụ phiên bản rồi mà, còn làm riêng cả 1 cái video về Semantic Versioning để nhắc các em rồi. - Nếu em làm khác phiên bản thì rõ ràng kiểu gì cũng có cái phát sinh, và không phải lúc nào anh cũng check hết mọi thứ mới ngay cho các em được. Cứ học cùng phiên bản với anh dạy đi thì vấn đề gì đâu nhỉ? - Note luôn cho em cái này nhé mặc dù anh cũng comment khá nhiều rồi: "Đi làm dự án thực tế không phải lúc nào thư viện ra phiên bản mới là dự án nhất nhất phải nâng cấp hay thay đổi đâu nhé, bug cả dự án là chết đấy." Ngay chính cả thư viện cũng do con người code ra và cũng đều có bug hết cả thôi."

[@haonguyen126]

@@ntramu4186 (18/3/2024) không biết bạn fix được chưa ,mình cũng bị giống bạn.

[@nguyenthientu2523]

@@haonguyen126 fix không nổi thì hạ phiên bản xuống thôi bạn

[@CongMinhinh-qp6sn]

Dạ thưa anh, trong quá trình làm thì em có xuất hiện một lỗi là không thể bấm phím cách khi mà viết vào phần textfield của card, khi bấm cách thì column bị dịch chuyển, liệu có cách bào fix ko ạ e cảm ơn

[@trungquandev]

- Mô tả này của em thì anh cũng k đoán được nguyên nhân gì thêm cả, anh cũng đã code xong phần nâng cao Advanced và thấy việc làm input sửa title column hay card không vấn đề gì hết. - Em kiểm tra xem có để Keyboard Sensors gì không, dịch lỗi ra tiếng Anh, tìm trên google, tìm trên GitHub issues của dnd-kit xem nhé.

[@CongMinhinh-qp6sn]

​@@trungquandev dạ em tìm ra được lỗi rồi anh, đúng là do em sử dụng KeyboardSensor