Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Comments

Close side panel

feat(range): add neutral point#17400

Merged
liamdebeasi merged 13 commits intoionic-team:masterionic-team/ionic-framework:masterfrom
KillerCodeMonkey:feat/range-neutral-pointCopy head branch name to clipboard
Feb 12, 2019
Merged

feat(range): add neutral point#17400
liamdebeasi merged 13 commits intoionic-team:masterionic-team/ionic-framework:masterfrom
KillerCodeMonkey:feat/range-neutral-pointCopy head branch name to clipboard

Conversation

@KillerCodeMonkey
Copy link
Contributor

Short description of what this resolves:

Ability to set the neutral point of the picker. Active ticks and bar are measured from the neutral point instead of the min value.

bildschirmfoto 2019-02-06 um 13 38 18

Changes proposed in this pull request:

  • added neutralPoint prop
  • calculate active state of ticks and bar
  • set intial value to neutralPoint if not set

Ionic Version:
4.0.0

@ionitron-bot ionitron-bot bot added package: angular @ionic/angular package package: core @ionic/core package labels Feb 6, 2019
@abennouna
Copy link
Contributor

Would this work in RTL as well?

@KillerCodeMonkey
Copy link
Contributor Author

KillerCodeMonkey commented Feb 8, 2019

@abennouna i did no changes to the base calculations. Maybe you can test this on your #17384 ?

@abennouna
Copy link
Contributor

@KillerCodeMonkey I guess I'll wait till #17384 is merged then test yours if it's approved.

@KillerCodeMonkey
Copy link
Contributor Author

@abennouna okay :)

core/src/components/range/range.tsx Outdated Show resolved Hide resolved
core/src/components/range/readme.md Show resolved Hide resolved
@liamdebeasi
Copy link
Contributor

Looks great! If you can just fix the merge conflicts, we should be good to merge! 👍

@KillerCodeMonkey
Copy link
Contributor Author

@liamdebeasi merge conflicts resolved and fixed the active bar styling :)

@liamdebeasi
Copy link
Contributor

@KillerCodeMonkey Looks like something got changed during your merge. The tick marks on the ranges are no longer visible.

This is what master looks like:
screen shot 2019-02-12 at 4 35 23 pm

This is what your branch looks like:
screen shot 2019-02-12 at 4 35 50 pm

@KillerCodeMonkey
Copy link
Contributor Author

@liamdebeasi sry my fault. The any types are getting me crazy. Maybe this would be another part of improvement 😉

Copy link
Contributor

@liamdebeasi liamdebeasi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work! Just going to wait for the tests to pass then I'll merge this in. 🎉

@liamdebeasi liamdebeasi merged commit 15acb4b into ionic-team:master Feb 12, 2019
@abennouna
Copy link
Contributor

This actually causes a regression in RTL mode.

@liamdebeasi
Copy link
Contributor

Hi @abennouna,

Would you be able to file a bug report?

Thanks!

@abennouna
Copy link
Contributor

Maybe we also need RTL tests?

@liamdebeasi
Copy link
Contributor

That would be good to have. I can discuss it with the team.

@KillerCodeMonkey
Copy link
Contributor Author

@abennouna if you let me know, what you expect in the behaviour of rtl in this case i will look into it ;), but only saying it is a "regression" is a little bit unclear.

@abennouna
Copy link
Contributor

@KillerCodeMonkey the PR seems to cancel the fix from #17384

A screencast shows the difference:

Before #17400:
https://drive.google.com/open?id=1YZnVjL9eQXjkY_gT9EI3Vm1LDqMsacRC

With PR #17400:
https://drive.google.com/open?id=1C_wiZrqT-svopCjCC9f2Kd6EhVjV6Y2O

By reverting the PR, range work correctly again.

That's what I mean by regression.

@KillerCodeMonkey
Copy link
Contributor Author

@abennouna i am working on it :)

liamdebeasi added a commit that referenced this pull request Feb 20, 2019
This reverts commit 15acb4b.

revert neutral point
@liamdebeasi
Copy link
Contributor

Hey there!

After some discussion with the team, we have decided to revert your changes from this PR. We really appreciate all of the time and effort you put into creating these updates for Ionic, but we are not certain this is something we would like to introduce to the code base. Specifically, we are not certain about the use cases for this feature. The native input, material design, and polymer specs do not have this neutral point feature.

Would you be able to share with us the use case(s) you had in mind for this feature? After that the team can have another discussion about this PR.

Sorry for the confusion, and please don't hesitate to reach out if you have any questions! 🙂

liamdebeasi added a commit that referenced this pull request Feb 20, 2019
* Revert "fix(range): improved rtl support (#17479)"

This reverts commit f832de5.

revert range rtl support

* Revert "feat(range): add neutral point (#17400)"

This reverts commit 15acb4b.

revert neutral point
@KillerCodeMonkey
Copy link
Contributor Author

KillerCodeMonkey commented Feb 20, 2019 via email

brandyscarney pushed a commit that referenced this pull request Mar 6, 2019
* Revert "fix(range): improved rtl support (#17479)"

This reverts commit f832de5.

revert range rtl support

* Revert "feat(range): add neutral point (#17400)"

This reverts commit 15acb4b.

revert neutral point
@KillerCodeMonkey
Copy link
Contributor Author

@liamdebeasi are there hopes for a "remerge" or do you discussed it again?

@KillerCodeMonkey
Copy link
Contributor Author

@liamdebeasi @brandyscarney bump :)

@liamdebeasi
Copy link
Contributor

Hey there! Sorry for the delay - I thought I had replied to this already. (I guess not 🙂)

At this time we aren't going to add this feature to the framework. Sorry for any confusion!

liamdebeasi pushed a commit that referenced this pull request Apr 26, 2019
* feat(Range): add neutral point

* feat(Range): generate proxies and api

* fix(): check positive case in neutralPointChanged

* fix(Range): neutralPoint to min if neutralPoint < min

* fix(Range): active bar style

* fix(Range): tick styling
liamdebeasi added a commit that referenced this pull request Apr 26, 2019
* Revert "fix(range): improved rtl support (#17479)"

This reverts commit f832de5.

revert range rtl support

* Revert "feat(range): add neutral point (#17400)"

This reverts commit 15acb4b.

revert neutral point
liamdebeasi added a commit that referenced this pull request Apr 26, 2019
* docs(ng): update angular test readme
Closes #17212

* docs(breaking): add breaking changes and copy editing (#17214)

- adds col auto to grid
- updates overlays to point to the same usage
- copy editing
- adds more info on the tabs changes
- documents event changes closes ionic-team/ionic-docs#258
- update nav event documentation

references #16819

* fix(build): modify rollup.config.js to work with Windows (#17231)

* docs(react): fix typo
Closes #17243

* fix(reorder): capture click event (#17244)

fixes #17241

* fix(grid): add flex to ion-grid to allow it to properly render in an ion-item (#17258)

fixes #17075

* docs(segment) add example for default Value
Closes #17275

* docs(alert): correct alert-controller link path (#17294)

references ionic-team/ionic-docs#254

* docs(loading): correct loading-controller link path (#17295)

closes ionic-team/ionic-docs#254

* fix(range): chrome bug with will-change

* docs(): update links
Ref #17256

* docs(): rebuild docs

* docs(): rebuilding

* docs(): update incorrect links

* fix(searchbar): hide search icon when focused with cancel button (#17260)

fixes #17252

* fix(react): duplicate events being fired in ionic/react (#17321)

* docs(modal): fix typo with returning header (#17333)

* test(searchbar): update searchbar tests to take focused ss (#17318)

- gets focus test working properly
- adds a no cancel button focus test

this should prevent the regression in #17252 in the future

* Merge branch 'master' into update-pwa-check

merge:

* Merge branch 'master' into add-mobileweb-platform

merge

* Merge pull request #17356 from ionic-team/add-mobileweb-platform

feat(platform): add mobileweb platform

* Merge branch 'master' into update-pwa-check

merge

* Merge pull request #17355 from ionic-team/update-pwa-check

fix(platform): add additional check for safari PWA

* Merge branch 'master' into add-mobileweb-platform

merge

* Merge pull request #17356 from ionic-team/add-mobileweb-platform

feat(platform): add mobileweb platform

merge

* Merge branch 'master' into update-pwa-check

merge and try again.

* Merge pull request #17355 from ionic-team/update-pwa-check

fix(platform): add additional check for safari PWA

merge

* docs(rtl): Fix small typo in item docs (#17365)

* docs(datetime): fix typo (#17360)

* docs(loading): remove dismissOnPageChange, add ionLoadingDidDismiss (#17357)

* docs(loading): remove dismissOnPageChange, change onDidDismiss to ionLoadingDidDismiss

* docs(loading): add usage showing events

* docs(loading): update example to show proper usage

* docs(rtl): Fix small typo in item docs (#17365)
merge

* docs(loading): update example to show proper usage

docs(loading): update example to show proper usage
merge and try again.

* test(platform): Add Platform tests (#17354)

* test(platform): add base platform tests

* test(platform): add isPlatform test, clean up test file

* test(platform): do not export matchMedia

* test(platform): change window to win to avoid confusion

* fix(menu): fix content shadow when revealed in iOS (#17383)

* fix(popover): originate animation from right in RTL/MD (#17381)

* fix(popover): apply fixed position to keep backdrop in viewport (#17352)

fixes #17337

* 4.0.1

* fix(tab-bar): add translucent tab-bar styles back (#17376)

- updates css to allow for translucent tab-bar
- adds translucent test

* docs(datetime): usage typos and clean up (#17415)

Fix some typos, clean up a code snippet, reword slightly to use clearer language (in consideration of ESL readers).

* docs(reorder): Update incomplete reorder docs (#17417)

* add base reorder doc updates

* update doc wording

* remove extra sentence

* clear up explanation sentence

* fix typo

* run build

* fix doc definition for ionitemReorder

* make requested changes

* remove prop table

* chore(github): update issue template

* docs(loading): update breaking doc to show new loading usage (#17431)

* docs(loading): add missing async to new loading example (#17432)

* update loading example

* add async

* chore(react): release of ionic react 0.0.4 (#17442)

* chore(github): update issue templates (#17433)

* fix(searchbar): allow setting of toolbar color and searchbar color (#17474)

* fix(searchbar): allow setting of toolbar color and searchbar color

* fix test label typo

* docs(popover): add missing comma in example (#17401)

* fix(range): implement RTL (from PR 17157) (#17384)

- MD PIN fixes not committed because they depend on mixin changes

references #17012

* docs(): Add documentation for slots (#17441)

* add button slot

* add component slot docs

* update content default slot description

* run npm build

* fix typos

* update md files

* docs(slots): update slot components and the build files

* chore(stencil): updates stencil to build readmes

* chore(build): update the swiper bundle file to match master

* update default slot doc wording

* revert changes

* Revert "update default slot doc wording"

This reverts commit e184014.

merge

* docs(slots): update default slot doc wording

* docs(avatar): update angular usage for img src (#16884)

* fix(config): update types for scrollPadding, inputBlurring and hideCaretOnScroll to boolean (#17302)

* feat(range): add neutral point (#17400)

* feat(Range): add neutral point

* feat(Range): generate proxies and api

* fix(): check positive case in neutralPointChanged

* fix(Range): neutralPoint to min if neutralPoint < min

* fix(Range): active bar style

* fix(Range): tick styling

* fix(range): improved rtl support (#17479)

* fix(Range): rtl support

* fix(Range): knob position in rtl

* fix(select): Account for when options are not loaded immediately (#17405)

* Added logging to begin debugging issue

* identify potential fix, add test

* fix(select): render when options are loaded after a delay

* fix linter issues

* fix e2e test

* fix edge case with if statement

* fix(item-sliding): Sliding no longer breaks after removing an item (#17492)

* fix(item-sliding): Sliding no longer breaks after removing an item

* run linter

* fix(datetime): default to current date when no value given (#17443)

* fix(datetime): default to current date when no value given

* test(datetime): add spec test

* move getDateValue to utils

* docs(process): update process documentation

* fix(button): show proper shade for activated button on ios (#17508)

fixes #17436

* 4.0.2

* chore(range): revert neutral point (#17550)

* Revert "fix(range): improved rtl support (#17479)"

This reverts commit f832de5.

revert range rtl support

* Revert "feat(range): add neutral point (#17400)"

This reverts commit 15acb4b.

revert neutral point

* sync in 4.0.1 and 4.0.2

* docs(): Add documentation for slots (#17441)

* add button slot

* add component slot docs

* update content default slot description

* run npm build

* fix typos

* update md files

* docs(slots): update slot components and the build files

* chore(stencil): updates stencil to build readmes

* chore(build): update the swiper bundle file to match master

* update default slot doc wording

* revert changes

* Revert "update default slot doc wording"

This reverts commit e184014.

merge

* docs(slots): update default slot doc wording
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: angular @ionic/angular package package: core @ionic/core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

Morty Proxy This is a proxified and sanitized view of the page, visit original site.