Problem/Motivation
When placing a webform as a block, either via layout builder or Structure Block Layout, the 'webform' css name is being replaced with my dev url for some reason .. I've tried switching to a stock theme and it's still replacing the CSS. And the theme hook is also my site url.
This breaks all webform css, flex layouts etc.
This only happens with placing a webform block, other block types don't include the URL.
I can fix it by changing my dev url to dev.chandonin.localhost instead of web.chandonin.localhost. Something to do with the beginning part of my URL that starts with web.
<!-- THEME DEBUG -->
<!-- THEME HOOK: 'web.chandonin.localhost:3000form' -->
<!-- FILE NAME SUGGESTIONS:
* webform--make-a-booking.html.twig
x webform.html.twig
-->
<!-- BEGIN OUTPUT from 'modules/contrib/webform/templates/webform.html.twig' -->
<form class="web.chandonin.localhost:3000form-submission-form webform-submission-add-form webform-submission-make-a-booking-form webform-submission-make-a-booking-add-form webform-submission-make-a-booking-node-8-form webform-submission-make-a-booking-node-8-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="web.chandonin.localhost:3000form-submission-make-a-booking-node-8-add-form" action="/make-booking" method="post" id="web.chandonin.localhost:3000form-submission-make-a-booking-node-8-add-form" accept-charset="UTF-8" data-once="form-updated webform-details-toggle" data-drupal-form-fields="edit-first-name,edit-last-name,edit-email,edit-mobile-number,edit-booking-type,edit-booking-date-day,edit-booking-date-month,edit-booking-date-year,edit-comments,edit-actions-submit"></form>
Steps to reproduce
Use a drupal installation with the URL starting with web. subdomain
Create a webform and place it as a block in a layout builder or via Structure -> Block layout