17304

Drop down arrow on mdAutocomplete (like mdSelect has)

Question:

Is there a way to get a drop down arrow on md-autocomplete like md-select has?

It provided a visual clue that the control has a drop down, AND allows the user to open the drop down without typing anything

Answer1:

Angular Material does not provide such functionality but you could try to add something like this in your css file:

md-autocomplete-wrap:after { display: block; content: '\25BC'; position: relative; top: 5px; speak: none; font-size: 13px; left: -10px; color: rgba(0,0,0,0.38); -webkit-transform: scaleY(.5) scaleX(1); transform: scaleY(.5) scaleX(1); }

Its not perfect solution, but may be enough for you.

And if you want to make dropdown open on click, just add md-min-length="0" attribute to your md-autocomplete.

Recommend

  • SceneKit: Is it possible to cast an shadow on an Transparent Object?
  • Accessing 3rd level of JSON with Angular ng-repeat
  • Slicing an SPA into several components and use AngularJS
  • to implement a spinner in angular2+
  • Responsive left sidebar open close
  • Prevent page break in text block with iText, XMLWorker
  • C++ friend class std::vector
  • SyntaxError: (irb):26: both block arg and actual block given
  • How to set elevation color?
  • Validate child input components on submit with Vee-Validate and vue js 2
  • as3-flash: any way to access all the instances placed in different frames from document class?
  • Silverlight DependencyProperty.SetCurrentValue Equivalent
  • Adjust width of select element according to selected option's width
  • Zurb Foundation _global.scss meta styles for js?
  • How to use carriage return with multiple line?
  • Cancel a live stream “fast motion” catch-up in Flash
  • Meteor helpers not available in Angular template
  • QLineEdit password safety
  • DotNetZip - Calculate final zip size before calling Save(stream)
  • Modifying destination and filename of gulp-svg-sprite
  • Join two tables and save into third-sql
  • Arrow is showed instead of the material design version hamburger icon. Why doesn't syncState in
  • ActionScript 2 vs ActionScript 3 performance
  • How to make Safari send if-modified-since header?
  • To display the title for the current loaction in map in iphone
  • Why winpcap requires both .lib and .dll to run?
  • Warning: Can't call setState (or forceUpdate) on an unmounted component
  • Run Powershell script from inside other Powershell script with dynamic redirection to file
  • Traverse Array and Display in markup
  • Load html files in TinyMce
  • How can I get HTML syntax highlighting in my editor for CakePHP?
  • Free memory of cv::Mat loaded using FileStorage API
  • CSS Applying specific rule for a specific monitor resolution with only CSS is posible?
  • How to set the response of a form post action to a iframe source?
  • Angular 2 constructor injection vs direct access
  • coudnt use logback because of log4j
  • Java static initializers and reflection
  • Change div Background jquery
  • Android Google Maps API OnLocationChanged only called once
  • UserPrincipal.Current returns apppool on IIS