cmdline/popmenu recipe not working quite right for me

[willdavidow]

I'm attempting to set up the cmdline + popmenu like the example in the configuration receipes section.

https://github.com/folke/noice.nvim/wiki/Configuration-Recipes#display-the-cmdline-and-popupmenu-together

I copy-pasted that to my noice config and it displays, it just doesn't look quite right.

I imagine I've got some setting in my cmp setup that is overriding what it should look like, but I'm not able to find it. Here's what I'm seeing:

Here's my full noice and cmp configs in case that helps troubleshoot:

cmp.lua

-- Completion.
return {
	{
		"hrsh7th/nvim-cmp",
		name = "nvim-cmp",
		dependencies = {
			{
				"L3MON4D3/LuaSnip",
				opts = function()
					local types = require("luasnip.util.types")

					return {
						-- Display a cursor-like placeholder in unvisited nodes
						-- of the snippet.
						ext_opts = {
							[types.insertNode] = {
								unvisited = {
									virt_text = { { "|", "Conceal" } },
									virt_text_pos = "inline",
								},
							},
							[types.exitNode] = {
								unvisited = {
									virt_text = { { "|", "Conceal" } },
									virt_text_pos = "inline",
								},
							},
						},
					}
				end,
				config = function(_, opts)
					local luasnip = require("luasnip")

					luasnip.setup(opts)
					require("luasnip.loaders.from_vscode").lazy_load()

					vim.api.nvim_create_autocmd("ModeChanged", {
						group = vim.api.nvim_create_augroup("wd/unlink_snippet", { clear = true }),
						desc = "Cancel the snippet session when leaving insert mode",
						pattern = { "s:n", "i:*" },
						callback = function(event)
							if
								luasnip.session
								and luasnip.session.current_nodes[event.buf]
								and not luasnip.session.jump_active
							then
								luasnip.unlink_current()
							end
						end,
					})
				end,
			},
			"hrsh7th/cmp-nvim-lsp", -- lsp source
			"hrsh7th/cmp-buffer", -- source for text in current buffer
			"hrsh7th/cmp-path", -- source for file system
			"hrsh7th/cmp-nvim-lsp-document-symbol", -- source for document symbols
			"saadparwaiz1/cmp_luasnip", -- snippity snap
			"rafamadriz/friendly-snippets", -- useful snippets
			"hrsh7th/cmp-cmdline", -- command line completion
			"onsails/lspkind.nvim", -- sweet icons, bruh
		},
		version = false,
		event = { "CmdlineEnter", "InsertEnter" },
		opts = function()
			local cmp = require("cmp") -- load completition engine
			local luasnip = require("luasnip") -- load snippet engine
			local symbol_kinds = require("icons").symbol_kinds -- load icons

			local winhighlight = "Normal:Normal,FloatBorder:Normal,CursorLine:Visual,Search:None"
			--#region Utilities
			local function has_words_before()
				local line, col = unpack(vim.api.nvim_win_get_cursor(0))

				return col ~= 0
					and vim.api.nvim_buf_get_lines(0, line - 1, line, true)[1]:sub(col, col):match("%s") == nil
			end

			--- Get completion context, i.e., auto-import/target module location.
			--- Depending on the LSP this information is stored in different parts of the
			--- lsp.CompletionItem payload. The process to find them is very manual: log the payloads
			--- And see where useful information is stored.
			---@param completion lsp.CompletionItem
			---@param source cmp.Source
			local function get_lsp_completion_context(completion, source)
				local ok, source_name = pcall(function()
					return source.source.client.config.name
				end)
				if not ok then
					return nil
				end
				if source_name == "tsserver" then
					return completion.detail
				elseif source_name == "pyright" or source_name == "vtsls" then
					if completion.labelDetails ~= nil then
						return completion.labelDetails.description
					end
				end
			end
			--#endregion
			return {
				-- Disable preselect. On enter, the first thing will be used if nothing
				-- is selected.
				preselect = cmp.PreselectMode.None,
				formatting = {
					fields = { "kind", "abbr", "menu" },
					format = function(cmp_item, vim_item)
						local blackOrWhiteFg = function(r, g, b)
							return ((r * 0.299 + g * 0.587 + b * 0.114) > 186) and "#000000" or "#ffffff"
						end
						local icons = require("icons").symbol_kinds
						-- In the command line, just add icons for files/folders and don't
						-- truncate.
						if cmp_item.source.name == "cmdline" then
							local stat = vim.uv.fs_stat(vim_item.word)
							vim_item.kind = stat
									and ((stat.type == "directory" and symbol_kinds.Folder) or symbol_kinds.File)
								or ""
							return vim_item
						end

						local MAX_ABBR_WIDTH, MAX_MENU_WIDTH = 25, 30
						local ELLIPSIS = "…"
						if vim_item.kind == "Color" and cmp_item.completion_item.documentation then
							local _, _, r, g, b =
								string.find(cmp_item.completion_item.documentation, "^rgb%((%d+), (%d+), (%d+)")
							if r then
								local color = string.format("%02x", r)
									.. string.format("%02x", g)
									.. string.format("%02x", b)
								local group = "Tw_" .. color
								if vim.fn.hlID(group) < 1 then
									vim.api.nvim_set_hl(0, group, { bg = "", fg = "#" .. color })
								end
								vim_item.kind = "" -- "██" --  icons.Color ..
								vim_item.kind_hl_group = group
								return vim_item
							end
						end
						-- Add the icon.
						vim_item.kind = symbol_kinds[vim_item.kind] .. " " .. vim_item.kind == "Color" and ""
							or vim_item.kind

						-- Truncate the label.
						if vim.api.nvim_strwidth(vim_item.abbr) > MAX_ABBR_WIDTH then
							vim_item.abbr = vim.fn.strcharpart(vim_item.abbr, 0, MAX_ABBR_WIDTH) .. ELLIPSIS
						end

						-- Truncate the description part.
						if vim.api.nvim_strwidth(vim_item.menu or "") > MAX_MENU_WIDTH then
							vim_item.menu = vim.fn.strcharpart(vim_item.menu, 0, MAX_MENU_WIDTH) .. ELLIPSIS
						end

						return vim_item
					end,
				},
				snippet = {
					expand = function(args)
						luasnip.lsp_expand(args.body)
					end,
				},
				window = {
					completion = {
						border = "rounded",
						winhighlight = winhighlight,
						scrollbar = true,
					},
					documentation = {
						border = "rounded",
						winhighlight = winhighlight,
						max_height = math.floor(vim.o.lines * 0.5),
						max_width = math.floor(vim.o.columns * 0.4),
					},
				},
				mapping = cmp.mapping.preset.insert({
					["<C-k>"] = cmp.mapping.select_prev_item(),
					["<C-j>"] = cmp.mapping.select_next_item(),
					["<C-b>"] = cmp.mapping.scroll_docs(-4),
					["<C-f>"] = cmp.mapping.scroll_docs(4),
					["<CR>"] = cmp.mapping.confirm({
						behavior = cmp.ConfirmBehavior.Replace,
						select = true,
					}),
					-- Explicitly request completions.
					["<C-Space>"] = cmp.mapping.confirm({
						behavior = cmp.ConfirmBehavior.Replace,
						select = true,
					}),
					-- "/" is the worst possible thing for dismissing cmp actions
					-- need to come up with something else or just get used to Esc
					-- ["/"] = cmp.mapping.close(),
					-- Overload tab to accept Copilot suggestions.
					["<Tab>"] = cmp.mapping(function(fallback)
						--local copilot = require 'copilot.suggestion'

						--if copilot.is_visible() then
						--    copilot.accept()
						if cmp.visible() then
							cmp.select_next_item()
						elseif luasnip.expand_or_locally_jumpable() then
							luasnip.expand_or_jump()
						else
							fallback()
						end
					end, { "i", "s" }),
					["<S-Tab>"] = cmp.mapping(function(fallback)
						if cmp.visible() then
							cmp.select_prev_item()
						elseif luasnip.expand_or_locally_jumpable(-1) then
							luasnip.jump(-1)
						else
							fallback()
						end
					end, { "i", "s" }),
				}),
				sources = cmp.config.sources({
					{ name = "nvim_lsp" },
					{ name = "luasnip" },
					{ name = "buffer", keyword_length = 4 },
					{ name = "path" },
				}),
			}
		end,
		config = function(_, opts)
			local cmp = require("cmp")

			-- Override the documentation handler to remove the redundant detail section.
			---@diagnostic disable-next-line: duplicate-set-field
			-- Noice handles this.. uncomment if noice goes away, or if noice turns out to be shitty
			-- disable documentation handling in noice and re-enable here..
			--[[ require("cmp.entry").get_documentation = function(self)
				local item = self:get_completion_item()

				if item.documentation then
					return vim.lsp.util.convert_input_to_markdown_lines(item.documentation)
				end

				-- Use the item's detail as a fallback if there's no documentation.
				if item.detail then
					local ft = self.context.filetype
					local dot_index = string.find(ft, "%.")
					if dot_index ~= nil then
						ft = string.sub(ft, 0, dot_index - 1)
					end
					return (vim.split(("```%s\n%s```"):format(ft, vim.trim(item.detail)), "\n"))
				end

				return {}
			end ]]

			-- Inside a snippet, use backspace to remove the placeholder.
			vim.keymap.set("s", "<BS>", "<C-O>s")

			cmp.setup(opts)

			-- Command line setup.
			cmp.setup.cmdline(":", {
				mapping = cmp.mapping.preset.cmdline(),
				sources = cmp.config.sources({
					{ name = "cmdline" },
				}),
				formatting = {
					fields = { "abbr", "kind" },
				},
			})
		end,
	},
}

noice.lua

return {
	"folke/noice.nvim",
	event = "VeryLazy",
	dependencies = {
		-- if you lazy-load any plugin below, make sure to add proper `module="..."` entries
		"MunifTanjim/nui.nvim",
		-- OPTIONAL:
		--   `nvim-notify` is only needed, if you want to use the notification view.
		--   If not available, we use `mini` as the fallback
		"rcarriga/nvim-notify",
	},
	opts = function(_, opts)
		return {
			lsp = {
				-- override markdown rendering so that **cmp** and other plugins use **Treesitter**
				hover = {
					enabled = true,
					silent = true,
				},
				signature = {
					enabled = true,
				},
				override = {
					["vim.lsp.util.convert_input_to_markdown_lines"] = true,
					["vim.lsp.util.stylize_markdown"] = true,
					["cmp.entry.get_documentation"] = true,
				},
			},
			-- filter routes...
			routes = {
				filter = {
					{
						event = "notify",
						find = "No information available",
					},
					{
						event = "msg_show",
						kind = "",
						find = "written",
					},
				},
				opts = { skip = true },
			},
			-- you can enable a preset for easier configuration
			presets = {
				bottom_search = true, -- use a classic bottom cmdline for search
				command_palette = true, -- position the cmdline and popupmenu together
				long_message_to_split = true, -- long messages will be sent to a split
				inc_rename = false, -- enables an input dialog for inc-rename.nvim
				lsp_doc_border = true, -- add a border to hover docs and signature help
			},
			views = {
				mini = {
					win_options = {
						winblend = 0,
						winhighlight = { Normal = "Pmenu", FloatBorder = "Pmenu" },
					},
				},
				cmdline_popup = {
					position = {
						row = 5,
						col = "50%",
					},
					size = {
						width = 60,
						height = "auto",
					},
				},
				popupmenu = {
					relative = "editor",
					position = {
						row = 8,
						col = "50%",
					},
					size = {
						width = 60,
						height = 10,
					},
					border = {
						style = "rounded",
						padding = { 0, 1 },
					},
					win_options = {
						winhighlight = { Normal = "Normal", FloatBorder = "DiagnosticInfo" },
					},
				},
			},
		}
	end,
	config = function(_, opts)
		require("noice").setup(opts)
	end,
}

[SeleneCosmia]

I also had this issue so instead of setting the preset command_palette = true I manually setup the command palette by setting these options in my config:

noice.setup({
-- other config opts here ...
  views = {
    cmdline_popup = {
      position = {
        row = "40%",
        col = "50%",
      },
      size = {
        width = 60,
        height = "auto",
      },
      win_options = {
        winhighlight = {
          Normal = "Normal",
          FloatBorder = "DiagnosticInfo",
          FloatTitle = "DiagnosticInfo",
        },
      },
    },
    popupmenu = {
      border = {
      },
      relative = "editor",
      position = {
        row = "55%",
        col = "50%",
      },
      size = {
        width = 60,
        height = 12, --you can set this to any height, even "auto", depending on your preference
      },
      win_options = {
        winblend = 0,
        winhighlight = {
          Normal = "Normal",
          FloatBorder = "DiagnosticInfo",
        },
      },
    },
  },
-- other config opts here ...
})

With this setup I do still have the issue of the popupmenu not expanding to full-width until i complete, but I'm not too sure how to get rid of that very minor inconvenience. Hopefully this helps you, let me know if there was anything here that didn't work for you!