It can be intermixed, cause z-order is global. The "host" element your shadow DOM is attached to needs to supersede the rest of the page and `position:relative` to set a new stacking context.
https://jsfiddle.net/gack8db6/2/
Nathan Gathright
npub137…gy0lh
2025-04-17 15:00:28 UTC
in reply to nevent1q…3mft
Author Public Key
npub137cyy0undngcnc9r2gctwfgtu9xhqj79m63uznkmp46h9wtwj7usugy0lhSeen on
wss://relay.momostr.pinkPublished at
2025-04-17 15:00:28 UTCEvent JSON
{
"id": "323e4d51ff0887f79a5bc01f3aa5fea80db5aaf3867b85f6a179e9966b19f237",
"pubkey": "8fb0423f936cd189e0a35230b7250be14d704bc5dea3c14edb0d7572b96e97b9",
"created_at": 1744902028,
"kind": 1,
"tags": [
[
"e",
"ce72d02274cfffa7a73bd8cff185433addf4a711009c99440c3a60361cad43b3",
"",
"root",
"1e2637ad71db45378ad68094115f1128cd32bddb5d080ffd44f3518f4583cbfb"
],
[
"p",
"1e2637ad71db45378ad68094115f1128cd32bddb5d080ffd44f3518f4583cbfb"
],
[
"proxy",
"https://xoxo.zone/@nathan/114353899332419901",
"web"
],
[
"proxy",
"https://xoxo.zone/users/nathan/statuses/114353899332419901",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://xoxo.zone/users/nathan/statuses/114353899332419901",
"pink.momostr"
],
[
"-"
]
],
"content": "It can be intermixed, cause z-order is global. The \"host\" element your shadow DOM is attached to needs to supersede the rest of the page and `position:relative` to set a new stacking context.\n\nhttps://jsfiddle.net/gack8db6/2/",
"sig": "99fef843da972ab873df635c274962af080e06c8cec9b2607295bcf50dd22169c9c59d6e72f394af16c9ab4a7e7bd8729aa938c80ff0daba6018d323c37a71f1"
}