- 🇯🇴Jordan Rajab Natshah Jordan
Not sure how this issue could be fixed in a better way.
Not to keep having conflicted with the generice.placeholder
class.
The CKEditor 5 is using#placeholder
and.placeholder
- ./misc/drupal.js: return `${Drupal.checkPlain(str)}`;
- ./lib/Drupal/Component/Render/FormattableMarkup.php: * text output here.
- ./lib/Drupal/Component/Render/FormattableMarkup.php: $args[$key] = '' . static::placeholderEscape($value) . '';
- ./lib/Drupal/Core/Template/TwigExtension.php: return $return ? '' . $return . '' : NULL;
keeping the following for now
em.placeholder { cursor: unset !important; vertical-align: unset !important; opacity: unset !important; background-color: unset !important; }
Facing the issue with Bootstrap 5.3.3 too
.placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; }
- 🇺🇸United States NicholasS
Have you tried #31 https://www.drupal.org/project/bootstrap_barrio/issues/3228330#comment-1... 💬 Bootstrap conflicts with Drupal core "placeholder" class Fixed ? I have been running that for long while with no issues.
There is usually always a way to target something even if they share identical CSS classes.
Drupal's .placeholder
[data-drupal-messages] .placeholder
Bootstraps .placeholder
.placeholder
There is probably a similar way to target the CKeditors place holder, likely a parent element or other attribute, if you share the details for CKeditors conflict I could help create one.