Identify inline <style> that's being enqueued to block editor

[webmandesign]

What problem does this address?

Enqueing stylesheets to block editor using enqueue_block_assets action hook produces inline <style> tags in the editor.

In case of an issue, it is hard to debug as I have to investigate each individual <style> tag to see if my stylesheet was even loaded/enqueued.

What is your proposed solution?

Identify the <style> either with id or data-stylesheet (or similar) attribute like so:

[ellatrix]

Maybe we can add a CSS comment at the top of the stylesheet. I'm worries about attributes as they can be used to target the element in JS, which shouldn't be done. :)

[webmandesign]

Well, I thought allowing targeting <style> elements with JS via attribute could be beneficial in case it is needed.
I personally don't have any use for such <style> element manipulation, so I'm perfectly fine with a comment in the code.

I suggest having a comment outside (before) the <style> element so it is fast to identify.

If the comment was inside the element on top, I would need to open each element to read the first comment. As you can see in the example there are already 8 <style> elements which could mean potential mean 8 clicks. You see, I'm lazy :)