How to remove pop up?

I want to turn off this pop up as I rarely use it

image

What is Custom CSS and how do I use it?

.rich-text-editor__selected-text-menu {
  display: none;
}

Cool, can we add a delay to the pop-up?

@Spondon Delay to what? Until it shows?

Yes. I find it annoying that it pops up as soon as text is selected, so I can’t drag my cursor easily over it to select more text below. So, a delay to the popup popping up would be important. Can you do that with css?

I find it annoying that it pops up as soon as text is selected,

this is why I want to remove pop-up

@Spondon Have you noticed that you can still drag down even if the popup is there?
Anyway… Of course you can have it popping up later:

.rich-text-editor__selected-text-menu {
  /* display: none; */
  animation: selection-popup-peek 5s, twisterInDown 1s 4s;
}

@keyframes selection-popup-peek {
  from {
	transform: scale(2);
	transform-origin: center top;
    top: 100%;
  }
  45% {
    top: 95%;
  }
  50% {
    transform: scale(2);
    top: 100%;
  }
  80% {
    top: 100%;
    transform-origin: center top;
  }
}

@keyframes twisterInDown {
  0% {
    opacity: 0;
    transform-origin: 0 100%;
    transform: scale(0, 0) rotate(2000deg) translateY(-100%); }
  100% {
    opacity: 1;
    transform-origin: 100% 100%;
    transform: scale(1, 1) rotate(0deg) translateY(0%); } }

But it’s kind of hard to know when exactly since we don’t know how long you are selecting beforehand.

Maybe you can make a bug report/feature request about showing the selection popup only after the selection is finished / you release the left click? That would make more sense imo.

Hello, I’ve tried to do this. It doesn’t seem to work to remove this particular pop up and messes with the pdf pop-up. I’m not sure if I’m doing something wrong

Try this code:

.button-group {
	display: none;
}