Insert user link not working

[viego]

Hello hello! I've got a couple issues with this new theme I'm trying out. I'll start with number one!

this is v1. I'm using v2 but they work pretty much the same.

One of them is the 'insert userlink' in the post editor not showing up its little box to enter a username or name to search. I can see the page scrolling a little when I click it but nothing actually shows up. It works fine on the other theme we're using but I'm not sure where to go look to fix this whatsoever. All the other options (insert link, video, image etc) for the editor work just fine but this one isn't doing what it's supposed to do

Thanks in advance!

[Kami]

Mar 11, 2023 11:15:52 GMT -8 viego said:

Hello hello! I've got a couple issues with this new theme I'm trying out. I'll start with number one!

this is v1. I'm using v2 but they work pretty much the same.

One of them is the 'insert userlink' in the post editor not showing up its little box to enter a username or name to search. I can see the page scrolling a little when I click it but nothing actually shows up. It works fine on the other theme we're using but I'm not sure where to go look to fix this whatsoever. All the other options (insert link, video, image etc) for the editor work just fine but this one isn't doing what it's supposed to do

Thanks in advance!

i would check the visual editor for this theme and see if the micro profile was changed (or the style sheet directly if you're comfortable). Before you dive in tho, try opening the dialogue and then pressing CTRL A (windows) / CMD A (mac) to see if you can highlight the text in that container (this may not work depending on how the container is handled, but suggesting it anyway just in case it works so it'll be easier to confirm if the text is there but has bad colours assigned to it).

[viego]

Thanks for responding Kami!

The visual editor itself is just blank. Diving into the CSS is fine, if I know what I should try haha (I'm no genius unfortunately haha)

I noticed that if I click on the insert username button it won't actually show the box, so I can't see what I type but if I type in something it will show up but I'm practically typing into thin air. CTRL A didn't do anything unfortunately.



Mini profile code:

@micro_background: @container_background_color_1;
@micro_border: 1px solid @container_inner_border_color;
@micro_border_radius: 5px;
@micro_text_color: @accent_color;
@micro_text_font: @empty;
@micro_link_color: @empty;
@micro_link_font: @empty;
@micro_link_decoration: @empty;
@micro_remove_background: @container_background_color_1;
@micro_remove_border: 1px solid @container_inner_border_color;
@micro_remove_border_radius: 0 5px 5px 0;
@micro_remove_text_color: @container_text_color_1;
@micro_remove_text_font: bold 80% @default_forum_text_font_family;
.micro-profile { color: @micro_text_color; font: @micro_text_font; position: relative; height: 50px; width: 200px; display: inline-block; padding: 5px; margin-bottom: 3px; border: @micro_border; background: @micro_background; .rounded-corners(@micro_border_radius); overflow: hidden; }
.grp_recipients_div li { color: @micro_text_color; font: @micro_text_font; position: relative; width: 240px; display: inline-block; margin: 3px; padding: 3px 22px 3px 5px; border: @micro_border; background: @micro_background; .rounded-corners(@micro_border_radius); overflow: hidden; float: left; }
.micro-profile a, .grp_recipients_div li a { color: @micro_link_color; font: @micro_link_font; text-decoration: @micro_link_decoration; }
.user-search-selection .ui-selectlist-item .close { color: @micro_remove_text_color; font: @micro_remove_text_font; background: @micro_remove_background; border: @micro_remove_border; .rounded-corners(@micro_remove_border_radius); cursor: pointer; height: 35px; padding: 20px 3px 5px; position: absolute; right: 0px; }
.micro-profile .avatar { display: block; width: 50px; position: absolute; top: 5px; border-width: 0px; }
.micro-profile .info { width: 145px; overflow: hidden; position: absolute; top: 5px; left: 60px; }
.micro-profile .info input { width: 112px; }
.user-search-box { width: 200px; }
.user-search-selectlist { z-index: 99999; }
.user-search-selectlist .content { cursor: pointer; padding: 1px 0px; }
.user-search-selectlist .micro-profile .info { width: 200px; }
.user-search-selection .ui-selectlist-item { float: left; margin-right: 5px; }
.user-search-selection .ui-selectlist-item .micro-profile { .rounded-corners(5px, 0, 0, 5px); }
.user-search-displaybox { min-width: 250px; z-index: 99999; }
.user-search-displaybox .control-bar { border: none; }
.user-search-displaybox .control-bar .ui-pagination { padding: 5px; display: inherit; }
.user-search-selectlist .micro-profile { margin: 1px auto; display: inherit; }
.ie7 .user-search-pagination-note { margin: 5px 0; }
.ie7 .user-search-displaybox .control-bar { width: 350px; }
.ie7 .user-search-displaybox { min-width: 350px; }
.ie7 .user-search-selectlist .micro-profile { margin: 1px 68px 1px 67px; width: 198px; display: inline-block; }

[Kami]

could you do me a favour and see if you can right click the "empty" space where you are typing to bring up the right click menu. if so, click "inspect" and see what is impacting the css there (it should show the css that is applied to the element) and you can use the browser console to make browser-end changes to try and isolate the issue (these won't save if you reload but it's a good low-stress way to mess with specific elements without messing anything up permanently.

[viego]

Okay! I have played with the left and top positioning and it seems to actually go underneath the background, rather than sit on top. That would explain why it won't show up but shows up when you play with the top and left px. Do you know how to get it *on top* rather than disappear behind the background?

[Kami]

Mar 11, 2023 13:39:15 GMT -8 viego said:

Okay! I have played with the left and top positioning and it seems to actually go underneath the background, rather than sit on top. That would explain why it won't show up but shows up when you play with the top and left px. Do you know how to get it *on top* rather than disappear behind the background?

ooh that is... really weird. i don't know what could be causing that off the top of my head unfortunately. i'm on mobile for the rest of the weekend so i cant do a more in depth troubleshoot right now. is this urgent? or would it be OK if i looked at this on monday?

[viego]

Oh no it's not urgent ^^ got plenty of time while I fiddle with other stuff haha. Thanks for help so far! <3

[Scott]

Mar 11, 2023 11:15:52 GMT -8 viego said:

Hello hello! I've got a couple issues with this new theme I'm trying out. I'll start with number one!

this is v1. I'm using v2 but they work pretty much the same.

One of them is the 'insert userlink' in the post editor not showing up its little box to enter a username or name to search. I can see the page scrolling a little when I click it but nothing actually shows up. It works fine on the other theme we're using but I'm not sure where to go look to fix this whatsoever. All the other options (insert link, video, image etc) for the editor work just fine but this one isn't doing what it's supposed to do

Thanks in advance!

Go to the CSS for the theme, scroll to the bottom and on a new line add this:

.user-search-0-box.user-search-box.micro-profile {
   z-index: 1;
}

This should make the insert userlink search box visible.

[viego]

Oooh, that did the trick! I just need to edit the positioning and the avatar size a bit but I can do that!
Thank you Scott for the solution and thanks Kami for the help and thinking along <3