Ah cool that works much better. Removed all inline style.

From: github <notifications@github.com<mailto:notifications@github.com>>
Reply-To: rackerlabs/canon-angular <reply@reply.github.com<mailto:reply@reply.github.com>>
Date: Wednesday, May 14, 2014 at 11:38 AM
To: rackerlabs/canon-angular <canon-angular@noreply.github.com<mailto:canon-angular@noreply.github.com>>
Cc: David Dunlop <david.dunlop@rackspace.com<mailto:david.dunlop@rackspace.com>>
Subject: Re: [canon-angular] Added a rs-cog directive (#17)


In lib/views/directives/rs-cog.html:

> @@ -0,0 +1,16 @@
> +<div style="position: relative">
> +  <span ng-if="!label" class="rs-cog" ng-click="toggleDropdown()"></span>
> +  <button ng-if="label" class="rs-btn rs-btn-action" ng-click="toggleDropdown()">
> +    <span class="rs-cog"></span> {{label}} <span class="rs-caret"></span>
> +  </button>
> +  <div ng-show="showDropdown" class="rs-dropdown" style="position: absolute; bottom: 0; left: 0;">


In the Canon documentation, the dropdown toggle (in this case either rs-cog or rs-btn) goes inside the rs-dropdown wrapper. I think that will fix the issue you were seeing.

—
Reply to this email directly or view it on GitHub<https://github.com/rackerlabs/canon-angular/pull/17/files#r12653145>.