{"action":"created","issue":{"url":"https://api.github.com/repos/vuikit/vuikit/issues/83","repository_url":"https://api.github.com/repos/vuikit/vuikit","labels_url":"https://api.github.com/repos/vuikit/vuikit/issues/83/labels{/name}","comments_url":"https://api.github.com/repos/vuikit/vuikit/issues/83/comments","events_url":"https://api.github.com/repos/vuikit/vuikit/issues/83/events","html_url":"https://github.com/vuikit/vuikit/issues/83","id":311257429,"number":83,"title":"Dropdown Orientation","user":{"login":"bretonio","id":20545707,"avatar_url":"https://avatars1.githubusercontent.com/u/20545707?v=4","gravatar_id":"","url":"https://api.github.com/users/bretonio","html_url":"https://github.com/bretonio","followers_url":"https://api.github.com/users/bretonio/followers","following_url":"https://api.github.com/users/bretonio/following{/other_user}","gists_url":"https://api.github.com/users/bretonio/gists{/gist_id}","starred_url":"https://api.github.com/users/bretonio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bretonio/subscriptions","organizations_url":"https://api.github.com/users/bretonio/orgs","repos_url":"https://api.github.com/users/bretonio/repos","events_url":"https://api.github.com/users/bretonio/events{/privacy}","received_events_url":"https://api.github.com/users/bretonio/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":3,"created_at":"2018-04-04T14:35:40Z","updated_at":"2018-04-13T14:16:49Z","closed_at":"2018-04-05T00:59:45Z","author_association":"NONE","body":"I have a simple issue possibly already covered [here](https://github.com/vuikit/vuikit/issues/30).\r\nMy dropdown drops down horizontally rather than the default vertically.\r\n\r\nI am having a look at the documents for `Drop` as suggested. \r\n\r\nI have tried setting `mode` to `click` and `position` on `vk-dropdown` to something vertical for example. I set `mode=\"click\"` with success for example. Set `position` has no effect.\r\n\r\nI have tried importing the `uikit` &mdash; without the `v` &mdash; stylesheet following your suggestions in the issue cited above. Tried direct reference to the local version in `node_modules` as well as importing it in `main.js` of my Vue template as follows.\r\n\r\n```\r\n// The Vue build version to load with the `import` command\r\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\r\nimport Vue from 'vue'\r\nimport App from './App'\r\nimport router from './router'\r\n\r\nimport Vuikit from 'vuikit'\r\nimport VuikitIcons from '@vuikit/icons'\r\nimport '@vuikit/theme'\r\nimport 'uikit/dist/css/uikit.min.css'\r\nimport UiKit from 'uikit'\r\n\r\nVue.use(Vuikit)\r\nVue.use(VuikitIcons)\r\n```\r\n\r\nAnd so on. My HTML follows the «Nav in Dropdown» snippet in your docs and looks like this.\r\n\r\n```\r\n\r\n    <div class=\"vk-inline\">\r\n      <vk-button type=\"default\" size=\"large\"><i class=\"material-icons\">local_bar  </i>&nbsp;Drop Down Tonight</vk-button>\r\n      <vk-dropdown position: top-center mode='click'>\r\n        <vk-nav-dropdown>\r\n          <vk-nav-item title=\"Monkeys\" active></vk-nav-item>\r\n          <vk-nav-item title=\"Gazelles\"></vk-nav-item>\r\n          <vk-nav-item  title=\"Lions\"></vk-nav-item>\r\n          <vk-nav-item title=\"Jackals\"></vk-nav-item>\r\n          <vk-nav-item title=\"Warthogs\"></vk-nav-item>\r\n          <vk-nav-item>Water Buffalo</vk-nav-item>\r\n          <vk-nav-item title=\"Rhinoceros\"></vk-nav-item>\r\n        </vk-nav-dropdown>\r\n      </vk-dropdown>\r\n\r\n```\r\n\r\nHaving initial difficulty with modal and offcanvas as well but one thing at a time. Thanks hope I am not abusing your kind attention.\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/vuikit/vuikit/issues/comments/381149373","html_url":"https://github.com/vuikit/vuikit/issues/83#issuecomment-381149373","issue_url":"https://api.github.com/repos/vuikit/vuikit/issues/83","id":381149373,"user":{"login":"bretonio","id":20545707,"avatar_url":"https://avatars1.githubusercontent.com/u/20545707?v=4","gravatar_id":"","url":"https://api.github.com/users/bretonio","html_url":"https://github.com/bretonio","followers_url":"https://api.github.com/users/bretonio/followers","following_url":"https://api.github.com/users/bretonio/following{/other_user}","gists_url":"https://api.github.com/users/bretonio/gists{/gist_id}","starred_url":"https://api.github.com/users/bretonio/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bretonio/subscriptions","organizations_url":"https://api.github.com/users/bretonio/orgs","repos_url":"https://api.github.com/users/bretonio/repos","events_url":"https://api.github.com/users/bretonio/events{/privacy}","received_events_url":"https://api.github.com/users/bretonio/received_events","type":"User","site_admin":false},"created_at":"2018-04-13T14:16:49Z","updated_at":"2018-04-13T14:16:49Z","author_association":"NONE","body":"What fixed it for me was simply removing the optional `<div class=\"vk-inline\"> as a wrapper for the dropdown.\r\n\r\nAgain thanks for kind assistance.\r\n\r\ncb"}}
{"actor":{"display_login":"bretonio"}}