From d82c38ab65a7c0f2134f9f652e5f6aaca22c7df6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fatih=20Hayrio=C4=9Flu?= Date: Fri, 22 Dec 2023 14:35:03 +0300 Subject: [PATCH] Yeni yazim listenin son elemani Erbil in scripti eklendi --- ...2023-12-22-listenin-son-elemanini-bulmak.md | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/_posts/2023-12-22-listenin-son-elemanini-bulmak.md b/_posts/2023-12-22-listenin-son-elemanini-bulmak.md index 7a1eb630..eb55a4c5 100644 --- a/_posts/2023-12-22-listenin-son-elemanini-bulmak.md +++ b/_posts/2023-12-22-listenin-son-elemanini-bulmak.md @@ -21,6 +21,24 @@ Bu konu hakkındaki araştırmalarımız sonucu [stackoverflow'daki](https://sta Shadow DOM kaynaklı bir sorun nedeni ile baklavada çözmedi ama CSS ile böyle bir sorun yaşayanlar için not olsun diye buraya ekliyeyim dedim :) +Erbil burdaki sorunu çözen bir yöntem yazmış onu da ekliyeyim de web komponent için çözümü de aktarmış olalım. + +```js + private _handleLastVisibleSearchedOption() { + const lastVisibleOption = [...this.options].reverse().find(option => !option.hidden); + + if (lastVisibleOption) { + lastVisibleOption?.shadowRoot?.querySelector("div")?.classList.add("no-border-bottom"); + } + + this.options.map(option => { + if (!option.hidden && option !== lastVisibleOption) { + option.shadowRoot?.querySelector("div")?.classList.remove("no-border-bottom"); + } + }); + } +``` + Kalın sağlıcakla. ## Kaynaklar