Default Number Input not responsive


Topic: Default Number Input not responsive

Travisse Hansen asked 6 years ago

Expected behavior working well in desktop browser

Actual behavior spacing is off as shown here. There is no animation working on either of them either. This code appears to not be working: .number-input button.plus:after { transform: translate(-50%, -50%) rotate(90deg); } not working well in mobile browser Resources (screenshots, code snippets etc.)


just realized what the transform code is doing. So disregard that - but the padding/spacing around the plus and minus sign is still causing issues


Marta Szymanska staff pro premium answered 6 years ago

Hi,

would you create a snippet showing the problem here: https://mdbootstrap.com/snippets/? I'll try to help you.

Best, Marta


Travisse Hansen commented 6 years ago

Hey Marta,

Sorry that took so long to get back to you, I have some other work that took me away from this particular problem but this is now front and center again of what I need to fix. Here is the snippet - just open it on Safari Mobile and you'll see how the vertical alignment is off: https://mdbootstrap.com/snippets/jquery/travisse_hansen/564225


Marta Szymanska staff pro premium answered 6 years ago

Hi,

we will fix that as soon as possible.

Best, Marta


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.4
  • Device: iOS
  • Browser: Chrome
  • OS: Mac OS
  • Provided sample code: No
  • Provided link: No