{"action":"opened","issue":{"url":"https://api.github.com/repos/vmware/clarity/issues/2493","repository_url":"https://api.github.com/repos/vmware/clarity","labels_url":"https://api.github.com/repos/vmware/clarity/issues/2493/labels{/name}","comments_url":"https://api.github.com/repos/vmware/clarity/issues/2493/comments","events_url":"https://api.github.com/repos/vmware/clarity/issues/2493/events","html_url":"https://github.com/vmware/clarity/issues/2493","id":344429584,"node_id":"MDU6SXNzdWUzNDQ0Mjk1ODQ=","number":2493,"title":"[Edge] Wizard Navigation shorter than Wizard","user":{"login":"Gesh4o","id":13942085,"node_id":"MDQ6VXNlcjEzOTQyMDg1","avatar_url":"https://avatars0.githubusercontent.com/u/13942085?v=4","gravatar_id":"","url":"https://api.github.com/users/Gesh4o","html_url":"https://github.com/Gesh4o","followers_url":"https://api.github.com/users/Gesh4o/followers","following_url":"https://api.github.com/users/Gesh4o/following{/other_user}","gists_url":"https://api.github.com/users/Gesh4o/gists{/gist_id}","starred_url":"https://api.github.com/users/Gesh4o/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Gesh4o/subscriptions","organizations_url":"https://api.github.com/users/Gesh4o/orgs","repos_url":"https://api.github.com/users/Gesh4o/repos","events_url":"https://api.github.com/users/Gesh4o/events{/privacy}","received_events_url":"https://api.github.com/users/Gesh4o/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-07-25T12:49:37Z","updated_at":"2018-07-25T12:49:37Z","closed_at":null,"author_association":"NONE","body":"Hello guys,\r\n\r\n**I am submitting a ...** (check one with \"x\")\r\n\r\n```\r\n[*] bug\r\n[ ] feature request\r\n[ ] enhancement\r\n```\r\n\r\nI have a problem when working with wizard pages in **Edge (W10)** - the **navigation side** of the wizard is **shorter** than the **wizard** itself which results into the following:\r\n<img width=\"1680\" alt=\"screen shot 2018-07-25 at 3 09 07 pm\" src=\"https://user-images.githubusercontent.com/13942085/43200679-f735d9ec-901e-11e8-94b2-dc3a228a3a54.png\">\r\n\r\n### Steps to reproduce\r\n\r\n1. Download the example - https://stackblitz.com/edit/clarity-light-theme-v11-z4ibyz\r\n2. Run it **locally** (since with stackblitz on Edge you may not)\r\n3. **Minimize** the browser **height** until the above error occurs \r\n\r\n### Root cause/fix (friendly suggestion)\r\nThere is this selector which controls the height: \r\n```css\r\n.clr-wizard.wizard-xl .clr-wizard-stepnav-wrapper, .clr-wizard.wizard-xl .modal-content {\r\n    max-height: 75vh\r\n}\r\n```\r\n\r\n\r\nIf I disable the above rule it will look like this:\r\n\r\n<img width=\"1680\" alt=\"screen shot 2018-07-25 at 3 37 06 pm\" src=\"https://user-images.githubusercontent.com/13942085/43201265-ab36f510-9020-11e8-9a0b-70e1531f4e1c.png\">\r\n\r\n**NOTE**: As it said this is just a **suggestion** - I assume there must be reason for this selector to exist but I believe that this is a good starting point.\r\n\r\n**NOTE**: Keep in mind that the page that is shown in the example overflows but in the domain I work I can reproduce it on almost every wizard and with no matter of page size.\r\n\r\n### Environment details\r\n\r\n* **Angular version:**\r\n4.x.x \r\n\r\n* **Clarity version:**\r\n0.11.*\r\n* **OS and version:**\r\nWindows 10\r\n\r\n* **Browser:** [ Edge  ]\r\n"}}
{"actor":{"display_login":"Gesh4o"}}