Title: Select Dropdown
Last modified: January 29, 2022
---
# Select Dropdown
* Resolved [live4dlife](https://wordpress.org/support/users/live4dlife/)
* (@live4dlife)
* [4 years, 4 months ago](https://wordpress.org/support/topic/select-dropdown-2/)
* Select dropdown lists are not showing up where I expect. Custom CSS doesn’t seem
to help me.
Viewing 14 replies - 1 through 14 (of 14 total)
* Theme Author [nobita](https://wordpress.org/support/users/nobita/)
* (@nobita)
* [4 years, 4 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15304705)
* Hi [@live4dlife](https://wordpress.org/support/users/live4dlife/)
* Is it possible to tell me the URL of the post or page that is having the problem?
* Thank you.
* Theme Author [nobita](https://wordpress.org/support/users/nobita/)
* (@nobita)
* [4 years, 4 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15313907)
* General description
* When writing inline element(phrasing content) in a custom HTML block.
* The described inline elements(flow content) are displayed on the left edge of
the page and are not laid out properly.
* You need to wrap it in the appropriate element.
* In the old classic editor, wpautop () was automatically corrected by the function
that complements the element, but in the custom HTML block, this function is
not used and must be written.
* [https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories)
* Thank you.
- This reply was modified 4 years, 4 months ago by [nobita](https://wordpress.org/support/users/nobita/).
* Thread Starter [live4dlife](https://wordpress.org/support/users/live4dlife/)
* (@live4dlife)
* [4 years, 3 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15384963)
* I don’t have the page published yet. Maybe you could clarify how to use the wpautop
function? Below is the basic html, and I would expect the select dropdown do
show next to the Gender:, but the select dropdown is showing up towards the top
of the page. I do not have any other css for the rda class.
*
Age:
Gender:
…
* Theme Author [nobita](https://wordpress.org/support/users/nobita/)
* (@nobita)
* [4 years, 3 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15385617)
* The `wpautop()` function is the ability to finally enclose the content in P elements.
Specifically, it is a function to insert a br element when there is one line
break in the source, and to wrap it with a P element using it as a mark when
there are two consecutive line breaks.
* This function is disabled in custom HTML blocks.
* It’s enabled in the code editor, so you can test what wpautop () does by testing
it with just text and line breaks, without writing any tags.
* **I tried to reproduce the HTML you wrote**
* I tried it with a **custom HTML block** and it seems that there is a problem
with the core source analysis.
Each time I save, the source changes and the
block fails. Note:Form elements may not be supported in custom HTML blocks, as
common elements do not have this problems
* If you use a code editor, it looks okay.
* ```
```
* The is-style-responsive class is placed vertically on a small screen such as
a mobile device when the side-by-side arrangement does not work.
* If you want to arrange the fields side by side, use inline-block.
* A label breaks when there is a line break between the label and the selection
element.
* I hope it helps you to solve your problem.
* Thank you.
- This reply was modified 4 years, 3 months ago by [nobita](https://wordpress.org/support/users/nobita/).
- This reply was modified 4 years, 3 months ago by [nobita](https://wordpress.org/support/users/nobita/).
- This reply was modified 4 years, 3 months ago by [nobita](https://wordpress.org/support/users/nobita/).
* Theme Author [nobita](https://wordpress.org/support/users/nobita/)
* (@nobita)
* [4 years, 3 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15389285)
* The test result using a custom HTML block is strange, so I tested it again.
* I will inform you that it worked without problems.
* The cause seems to be that the double quote of the source you presented was different
from the usual one.
* When pasting code, this issue occurs because even normal code has been sanitized.
From the next time, select a code and press the code button. 🙂
- This reply was modified 4 years, 3 months ago by [nobita](https://wordpress.org/support/users/nobita/).
* Thread Starter [live4dlife](https://wordpress.org/support/users/live4dlife/)
* (@live4dlife)
* [4 years, 3 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15402419)
* i am still unclear how using the code button helps
* Theme Author [nobita](https://wordpress.org/support/users/nobita/)
* (@nobita)
* [4 years, 3 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15402660)
* WordPress has a function to convert input strings. (This forum is bbpress to
be exact, but it’s probably a common feature)
* The following link is an explanation of `wptexturize()` that converts the input
character string.
* [https://developer.wordpress.org/reference/functions/wptexturize/](https://developer.wordpress.org/reference/functions/wptexturize/)
* For example, double quotes are replaced with `& 8220;`. Double quotes are often
used in HTML code, but they are incorrect as HTML code.
* The code button in this forum wraps the selection with a backslash.
* The string conversion stops in the section enclosed by the backslash.
* That’s why you need a code button when writing HTML source code.
* Thanks
- This reply was modified 4 years, 3 months ago by [nobita](https://wordpress.org/support/users/nobita/).
* Theme Author [nobita](https://wordpress.org/support/users/nobita/)
* (@nobita)
* [4 years, 3 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15448916)
* Two weeks have passed since my last reply
Suppose it has been resolved
* Thread Starter [live4dlife](https://wordpress.org/support/users/live4dlife/)
* (@live4dlife)
* [3 years, 11 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15811539)
* It has been a while, but I still cannot get the dropdowns to show up correctly.
They either show up entirely in the wrong place or not at all. I wish I could
share a screenshot. Any way you can still help?
* Thanks
* Theme Author [nobita](https://wordpress.org/support/users/nobita/)
* (@nobita)
* [3 years, 11 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15812073)
* Is it possible to tell me the URL of the post or page that is having the problem?
* Thank you.
* Thread Starter [live4dlife](https://wordpress.org/support/users/live4dlife/)
* (@live4dlife)
* [3 years, 11 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15812975)
* Yes, we will publish the page soon and I will get you the URL
* Thread Starter [live4dlife](https://wordpress.org/support/users/live4dlife/)
* (@live4dlife)
* [3 years, 10 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15854709)
* here is the page:
* [https://live4dlife.com/calculators/](https://live4dlife.com/calculators/)
* Theme Author [nobita](https://wordpress.org/support/users/nobita/)
* (@nobita)
* [3 years, 10 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15855136)
* Hi
* [https://snipboard.io/sh7q0O.jpg](https://snipboard.io/sh7q0O.jpg)
* Want to display in a layout similar to capture?
* In the group blocks, turn off the Inner blocks use full width setting.
No need
to set wide width
* It looks like you’re adding the following styles, but you don’t need them either
* ```
select {
position: absolute;
top: 130px;
left: 29%;
width: 350px;
z-index: 1;
}
```
* Customize/ Theme Scheme
Site Editor with Custom CSS. change enabled and save
* Once saved, open the blog once and then open the customizer again to see the
Additional CSS entry.
* Add CSS
* ```
div.wide table th,
div.wide table td{
white-space:pre;
}
div.wide{
width:100%;
overflow-x:auto;
}
```
* For block image, select full width from the menu displayed above the block
* Thank you.
- This reply was modified 3 years, 10 months ago by [nobita](https://wordpress.org/support/users/nobita/).
* Thread Starter [live4dlife](https://wordpress.org/support/users/live4dlife/)
* (@live4dlife)
* [3 years, 10 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15874116)
* thank you
Viewing 14 replies - 1 through 14 (of 14 total)
The topic ‘Select Dropdown’ is closed to new replies.
* 
* emulsion
* [Support Threads](https://wordpress.org/support/theme/emulsion/)
* [Active Topics](https://wordpress.org/support/theme/emulsion/active/)
* [Unresolved Topics](https://wordpress.org/support/theme/emulsion/unresolved/)
* [Reviews](https://wordpress.org/support/theme/emulsion/reviews/)
* 14 replies
* 2 participants
* Last reply from: [live4dlife](https://wordpress.org/support/users/live4dlife/)
* Last activity: [3 years, 10 months ago](https://wordpress.org/support/topic/select-dropdown-2/#post-15874116)
* Status: resolved