86203

Font-Awesome-Rails CSS spinner not working in Safari

Question:

I'm using the font-awesome-rails gem to show a css spinner when the submit button of a form_for is clicked. The spinner works perfectly in Chrome and Firefox but doesn't appear in Safari. I'm on OSX El Capitan 10.11.15 and hosting on Heroku. I'm also using Bootstrap 3.

My submit button looks like this:

<%= f.submit "Save Changes", class: "btn btn-default", data: {disable_with: "<i class='fa fa-spinner fa-spin'></i> Saving Changes..."} %>

Answer1:

I think your html is generated uncorrectly and there is nothing to do with Safari

<%= f.submit "Save Changes", class: "btn btn-default", 'data-disable-with' => "<i class='fa fa-spinner fa-spin'></i> Saving Changes...".html_safe %>

Recommend

  • Unable to install PHP 7 with Homebrew on macOS Sierra
  • Android Studio can't install because it can't find jdk
  • Install simulator SDK 8.0 manually in Xcode7.0
  • Android Emulator Stuck With Black Screen
  • Cannot connect to Amazon PostgreSQL RDS database on R using RPostgreSQL
  • Opening PDF within R studio using file.show
  • MySQL Compare prices
  • Xamarin - Pressing “Add NuGet Packages…” does nothing
  • Segmentation Faults when Running MEX Files in Parallel
  • How to set Eclipse CDT to use GCC-4 instead of GCC?
  • Using JNA to Get NSWindow from JComponent on mac
  • finding symmetric difference/unique elements in multiple arrays in javascript
  • Matrix problem Python
  • Grouping vars in function
  • Click button with javascript
  • Slow performance in hybrid AngularJS and Angular application in Safari
  • how to display   in Mozilla using XSL.
  • Cursor in wrong place in contenteditable
  • Is it safe to drop the -webkit vendor prefix from the css3 border-radius yet?
  • Generic/Unknown HTTP Error with response code 0 using UnityWebRequest
  • change color of jstree node
  • Is there a way to set up a fallback for the formAction attribute in HTML5?
  • Problems with toDataURL HTML5 other ways to get canvas data?
  • Unexpected token ILLEGAL while running node.js mocha test
  • AppleScript : find open tab in safari by name and open it
  • Subclassing QGraphicsItem prevents me from being able to use itemAt() on a QGraphicsScene/View
  • Selenium to click on a javascript button corresponding to a text
  • Query to find the duplicates between the name and number in table
  • Is playing sound in Javascript performance heavy?
  • Detect when Facebook like button is clicked
  • Eloquent update method change created_at timestamp
  • Chrome doesn't support silverlight anymore? How to solve this?
  • Display issues when we change from one jquery mobile page to another in firefox
  • Ajax jQuery multiple calls at the same time - long wait for answer and not able to cancel
  • How to recover from a Spring Social ExpiredAuthorizationException
  • ILMerge & Keep Assembly Name
  • Javascript convert timezone issue
  • Arrow is showed instead of the material design version hamburger icon. Why doesn't syncState in
  • Large data - storage and query
  • WOWZA + RTMP + HTML5 Playback?