Skip to content

Commit

Permalink
Yeni yazim listenin son elemani Erbil in scripti eklendi
Browse files Browse the repository at this point in the history
  • Loading branch information
fatihhayri committed Dec 22, 2023
1 parent ab14fe6 commit d82c38a
Showing 1 changed file with 18 additions and 0 deletions.
18 changes: 18 additions & 0 deletions _posts/2023-12-22-listenin-son-elemanini-bulmak.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down

0 comments on commit d82c38a

Please sign in to comment.